为了账号安全,请及时绑定邮箱和手机立即绑定

jquery调用子元素方法,父元素方法执行了两次?

jquery调用子元素方法,父元素方法执行了两次?

慕后森 2018-12-06 23:46:19
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><script type="text/javascript" src="jquery-1.4.2.min.js"></script> </head> <body> <a href="#" onClick="functionOne();">父亲元素&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span onClick="functionTwo();">子元素</span> </a></body><script type="text/javascript">function functionOne(){ //doSoming alert("1111"); } function functionTwo(){//doSoming alert("2222");} $(function(){ $("a").find("span").click();});</script></html> 这里functionOne执行了两次,请问是怎么回事?另外怎么能解决这个问题,一次也不执行。前提是a标签还是span标签的父节点哈
查看完整描述

5 回答

?
慕娘9325324

TA贡献1783条经验 获得超4个赞

return false应该是没用的, 我昨天正好也遇到了这个问题, 你在子元素里加上 event.stopPropagation() 

这个方法将停止事件的传播,阻止它被分派到其他 Document 节点。在事件传播的任何阶段都可以调用它。注意,虽然该方法不能阻止同一个 Document 节点上的其他事件句柄被调用,但是它可以阻止把事件分派到其他节点。

纯手打, 楼主如果有问题继续追问, 没问题就采纳吧!    

查看完整回答
反对 回复 2018-12-24
?
墨色风雨

TA贡献1853条经验 获得超6个赞

换衣是你的事件冒泡导致的。建议在事件处理代码最后return false

查看完整回答
反对 回复 2018-12-24
?
小怪兽爱吃肉

TA贡献1852条经验 获得超1个赞

@幻天芒: 我这个维护项目的时候看见的一个小问题,他是遍历的菜单,onclick事件这些都已经固定啦,不能修改了,谢谢哈

查看完整回答
反对 回复 2018-12-24
  • 5 回答
  • 0 关注
  • 600 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号