jQuery的event.currentTarget属性怎么用?

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

语法:

event.currentTarget

参数:

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

示例:

<!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"。

输出:

6853855f2c82f7578f4d24e051c2a41.png-600

示例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>

单击h2元素后,输出:

515aa0873a007fbc2fe1d2baf0b0ddb.png-600

单击p元素后,输出:

beb4b41381c0887fa4716e51fd35f27.png-600

以上就是jQuery的event.currentTarget属性怎么用?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » jQuery 答疑