JS中的event.currentTarget属性的玩法

作者：andy0012019.12.02来源：Web前端之家浏览：8818评论:0

关键词：js event.currentTarget

jQuery的event.currentTarget属性用于返回事件冒泡阶段中的当前DOM元素。该event.currentTarget通常等于“this”。

语法：

event.currentTarget

参数：

event：它是必需参数，该参数来自事件绑定函数。

示例1：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script src="https://code.jquery.com/jquery-3.3.1.min.js"> </script>
		<script> 
        $(document).ready(function() { 
          $("h2, p").click(function(event) { 
             alert(event.currentTarget === this); 
            }); 
        }); 
    </script> 
</head> 
  
<body> 
    <center> 
        <h2 id="geeks2">jQuery event.currentTarget属性</h2> 
        <p>单击显示的HTML元素</p> 
    </center> 
</body> 
  
</html>

因为currentTarget 类似于 "this", 所以返回 "true"。

示例2：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script src="https://code.jquery.com/jquery-3.3.1.min.js"> </script>
		<script> 
        $(document).ready(function() { 
         $("h2,p").click(function(event) { 
             alert(event.currentTarget.innerHTML); 
            }); 
        }); 
    </script> 
</head> 
  
<body> 
    <center> 
        <h2 id="geeks2">Hello World!</h2> 
        <p>单击每个HTML元素</p> 
    </center> 
</body> 
  
</html>

赏您的支持是我们创作的动力！