js jquery停止事件冒泡和阻止浏览器默认事件

浏览器默认事件

Submit按钮: 在form表单中的,提交form表单中的数据到服务器；Button: 在PC中不做任何事情, 在手机浏览器中, 若是在form中,则是submit；a标签: 默认将当前页面跳转为a标签中href的地址；在移动端下制作单页不要让用户滚动屏幕。在IE6下使用这个处理a标签不能点击的bug。

1.js阻止冒泡事件

var el = window.document.getElementById("a"); el.onclick = function (e) { //如果提供了事件对象，则这是一个非IE浏览器 if (e && e.stopPropagation) { //因此它支持W3C的stopPropagation()方法 e.stopPropagation(); } else { //否则，我们需要使用IE的方式来取消事件冒泡 window.event.cancelBubble = true; return false; } }

2.js阻止默认事件

var el = window.document.getElementById("a"); el.onclick = function (e) { //如果提供了事件对象，则这是一个非IE浏览器 if (e && e.preventDefault) { //阻止默认浏览器动作(W3C) e.preventDefault(); } else { //IE中阻止函数器默认动作的方式 window.event.returnValue = false; return false; } }

3.jQeury阻止默认和冒泡事件

阻止冒泡事件：

$("a").click(function (e) { e.stopPropagation(); });

阻止默认事件：

$("a").click(function (e) { e.preventDefault(); });

阻止默认和冒泡事件：

$("a").click(function (e) { return false; });