CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何在DIV标签上使用javascript onclick来切换包含可点击链接的部分的可见性?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
嗨,我有一个DIV部分,最初只能看到它的标题.我想要实现的是,当访问者点击toggle_section区域的任何地方时,toggle_stuff div在可见/隐藏之间切换.
<div id="toggle_section" 
     onclick="javascript: new Effect.toggle('toggle_stuff','slide');">
    <div id="toggle_title">Some title</div>
    <div id="toggle_stuff">
        some content stuff
        <a href="/foo.php">Some link</a>
    </div>
</div>

但是,它现在的设置方式,如果我有任何< a>在toggle_section中链接,单击该链接也将执行onclick事件.

那么我的问题是设置这种行为的最佳方法是什么?

解决方法

最简单的解决方案是在DIV中为链接添加一个额外的onclick处理程序,以阻止事件传播:
<div id="toggle_section" 
     onclick="javascript: new Effect.toggle('toggle_stuff','slide');">
    <div id="toggle_title">Some title</div>
    <div id="toggle_stuff">
        some content stuff
        <a href="/foo.php"
            onclick="Event.stop(event);"
        >Some link</a>
    </div>
</div>

上面的示例使用Prototype的Event.stop()函数,以便于跨浏览器事件传播停止.

您使用内联onclick()处理程序时,大多数(如果不是全部)浏览器将首先在冒泡阶段遍历事件(这是您想要的).

理解这种行为背后的实际原因以及事件捕获和事件冒泡之间的差异的良好指南可以在优秀的Quirksmode.中找到

大佬总结

以上是大佬教程为你收集整理的如何在DIV标签上使用javascript onclick来切换包含可点击链接的部分的可见性?全部内容,希望文章能够帮你解决如何在DIV标签上使用javascript onclick来切换包含可点击链接的部分的可见性?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。