停止触发父级单击事件之一
您好,
我在以下元素上使用灰框:
<a href="<? echo $rctiGrayBox; ?>" class="greybox" widt="800" heigh="800" id="rctiGrayBox" title="RCTI">View RCTI</a>
这个“a”元素包含在 TR 中,当我们单击“查看 RCTI”时,它会触发一个事件。 我可以使用 stopPropagation()
来阻止该点击事件的触发,但使用此函数也会停止灰盒工作,并且不会在灰盒中显示数据,而是在新页面上显示数据。
理论上,当我在“a”标签上使用 stopPropagation()
时,它会阻止所有事件的触发。我需要一种只能停止单击事件但不应停止与 Greybox 相关的任何事件的方法。
请帮忙!!
HI,
I am using a greybox on the following element:
<a href="<? echo $rctiGrayBox; ?>" class="greybox" widt="800" heigh="800" id="rctiGrayBox" title="RCTI">View RCTI</a>
This 'a' element is contained in TR which fires an event when ever we click 'View RCTI'.
I can stop that click event from firing by using stopPropagation()
but using this function also stops the greybox to work and instead of showing the data in greybox it shows the data on a new page.
Theoretically when i use stopPropagation()
on my 'a' tag it stops the all the events from firing. I need a way with which i can only stop the click event on but should not stop any event related to Greybox.
Please help!!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
您正在寻找
event.preventDefault()
。这将阻止默认行为(猜猜看……),在这种情况下将阻止锚点链接。
演示:http://www.jsfiddle.net/KDU48/
You are looking for
event.preventDefault()
.That will prevent the default behavior (guess what..), in this case will stop the anchor from linking.
Demo: http://www.jsfiddle.net/KDU48/
这将阻止浏览器中的冒泡事件。但绑定的事件处理程序仍然可以工作
this will stop the bubble up event in the browser. But bound eventhandlers will still work