如何实现Html事件冒泡

今天在修改后台的一个模块，中发现一个button在点击时，触发了表单提交，我在onclick中加入了return，这个在提交之前就应该返回了，不该出现这个问题。转念一想，我觉得我应该时事件冒泡了，也就是一个子元素的事件触发了父元素的事件的触发。

简单说一下，解决方案吧，对于button，如果在表单中，相当于submit一样的存在，加入type="button"这个，就可以不发生事件的冒泡了。在工作中我们还可以遇到html的a标记的事件冒泡的问题，如何防止a标记事件冒泡？首先对a标记加上 href="javascript:void(0)"这样就可以防止冒泡，然后把一些这个上面的 *** 作，放到onclick方法中去 *** 作，这样就可以解决a标记事件冒泡的问题了。

比较简单粗暴的方式是设置 a 标签的 href 属性值为 javascript:void(null)

<a href="javascript:void(null)">这是一个超链接</a>

但其实阻止了跳转的超链接那还叫超链接吗？如果只是单纯的想保持样式，完全可以用普通的 span 标签配合 CSS 来写。

a 标签的默认样式其实就是多了个 text-decoration: underline，外加 :hover、:visited 两个伪类里设置一下 color。

呀，做静态网页用Dreamweaver可以说和Word差不多呀，插入表格布局，可以插入背景、图片、flash。输入内容，改变样式。

就这些了！你可能说插入什么图片呀？？怎么好看呀？？

我告诉你你到网上搜：“中国网站模板”之类的关键字仔细找一找就行了！！

最后注意一定要插入标题、关键字。挺重要的哦！！！

试试吧！！！问题是答案它爸^_^!!!

---