jquery怎么判断元素是否被点击?发生点击事件?
在jquery中,可以使用target属性,判断点击的元素是否为指定元素来判断一个元素是否被点击。
target 属性返回哪个 DOM 元素触发了事件。
这对比较 event.target 和 this 是非常有用的,以便判断事件是否因事件冒泡被处理。
语法
event.target
参数:
event:必需。event 参数来自事件绑定函数。
下面我们通过一个示例来具体看看判断方法。
示例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> </head> <body> <div id="parent"> <a id="a1" href="javascript:void(0);">点我</a> <a id="a2" href="javascript:void(0);">点我吧</a> <input id="b1" type="button" value="还是点我"></input> <input id="b2" type="button" value="那点你吧"></input> </div> <script type="text/javascript"> $("#parent *").click(function(e){ if(e.target == $("#a1")[0]){ alert("你点了链接一!"); }else if(e.target == $("#a2")[0]){ alert("你点了链接二!"); }else if(e.target == $("#b1")[0]){ alert("你点了按钮一!"); }else if(e.target == $("#b2")[0]){ alert("你点了按钮二!"); } }); </script> </body> </html>
效果图:
更多web前端开发知识,请查阅 HTML中文网 !!
以上就是jquery怎么判断元素是否被点击?发生点击事件?的详细内容,更多请关注易知道|edz.cc其它相关文章!