×

JS中的event.currentTarget属性的玩法

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

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>

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/60234234234234.html

网友评论文明上网理性发言 已有0人参与

发表评论: