jQuery |事件。目标属性与示例

这个 事件目标 是jQuery中的一个内置属性,用于查找哪个DOM元素将启动事件。 语法:

null
event.target

参数: 它不接受任何参数,因为它是属性而不是函数。 返回值: 它返回触发事件的DOM元素。

jQuery代码来显示事件的工作情况。目标地产:

< html >
< head >
< style >
span,
strong,
p {
padding: 8px;
display: block;
border: 2px solid green;
width: 50%;
margin: 10px;
}
#output {
margin: 10px;
padding: 10px;
width: 100px;
border: 2px solid green;
display: block;
}
</ style >
</ script >
</ head >
< body >
< div >
< p >
< strong >< span >click Here !</ span ></ strong >
</ p >
</ div >
<!-- output will show inside this block -->
< div id = "output" ></ div >
<!-- jQuery code to show working of this property -->
< script >
$("body").click(function(event) {
$("#output").html("clicked: " + event.target.nodeName);
});
</ script >
</ body >
</ html >


输出: 在点击任何地方之前- 图片[1]-jQuery |事件。目标属性与示例-yiteyi-C++库

单击p元素内部后- 图片[2]-jQuery |事件。目标属性与示例-yiteyi-C++库

单击强元素的内部后- 图片[3]-jQuery |事件。目标属性与示例-yiteyi-C++库

单击跨度元素内部后- 图片[4]-jQuery |事件。目标属性与示例-yiteyi-C++库

© 版权声明
THE END
喜欢就支持一下吧
点赞11 分享