javscript阻止和恢复默认事件、阻止和恢复event.preventDefault()

有时候我们需要阻止掉浏览器的默认事件,但后面某个时候又需要用到默认事件:

看下面代码,有一个连接

<a href="http://sina.cn/" class="test">新浪</a>

我们先来点击链接,阻止默认事件 不会跳转

$(".s").click(function() {
  event.preventDefault();
});

我们再来恢复默认事件:  再次点链接,可以跳转了

$(".test").click(function() {
        event.preventDefault()
    }).off(‘click‘).click(function() {
        console.log("OK")
    });

可以放到控制台运行看看。

时间: 2024-10-08 18:29:53

javscript阻止和恢复默认事件、阻止和恢复event.preventDefault()的相关文章

js 停止事件冒泡 阻止浏览器的默认行为(阻止超连接 #)

在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到"停止事件冒泡"和"阻止浏览器默认行为". 1..停止事件冒泡 JavaScript代码 //如果提供了事件对象,则这是一个非IE浏览器if ( e && e.stopPropagation )//因此它支持W3C的stopPropagation()方法e.stopPropagation(); else//否则,我们需要使用IE的方式来取消事件冒泡 window.event.cancelBubb

javascript -- 阻止默认事件 阻止事件冒泡示

1. event.preventDefault();  -- 阻止元素的默认事件.注:a元素的点击跳转的默认事件 , button,radio等表单元素的默认事件 , div 元素没有默认事件 例: <a href="http://www.baidu.com" target="_black">百度</a> var samp = document.getElementByTagName("a"); samp.addEvent

js中阻止冒泡与默认事件

在一些情况下,我们必须阻止冒泡,或者是要阻止浏览器的默认事件,方便操作,简单代码如下: 阻止冒泡: function stopBubble(ev) { if(ev&&ev.stopPropagation);//非IE下,DOM2 { e.stopPropagation(); } else { window.event.cancelBubble=true;//IE下 } } 阻止默认事件: function stopDefault(ev) { if(ev&&ev.preven

关于submit被event.preventDefault()取消后恢复默认事件的问题

今天做项目的时候第二次遇到这个坑了,所以记下来以免再遇到.由于项目里面表单验证用的是一个js插件,不知道怎么回事导致表单的提交事件被禁用掉了,结果我调了半天,最后终于解决了.哈哈 ,不废话了,开始说方法. $("#searchForm").attr("action", "/lease/BulkExport");            $("#searchForm").unbind("submit");//恢

基本event封装:阻止冒泡、默认事件等

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <div id="box"> <input type="button" value="按钮3" id="btn3"> <a href="http://www.so

h5 移动端在阻止touchstart的默认事件时报错

解决办法, 可以添加 *{ touch-action: none;}即可消除错误 原文地址:https://www.cnblogs.com/sllzhj/p/12031037.html

js阻止浏览器、元素的默认事件与js阻止事件冒泡、阻止事件流

嵌套的div元素,如果父级和子元素都绑定了一些事件,那么在点击最内层子元素时可能会触发父级元素的事件,下面介绍一下js阻止默认事件与js阻止事件冒泡示例,大家参考使用吧 1. event.preventDefault();  -- 阻止元素的默认事件.注:a元素的点击跳转的默认事件 , button,radio等表单元素的默认事件 , div 元素没有默认事件 例: 复制代码代码如下: <a href="http://www.baidu.com" target="_bl

js 停止事件冒泡 阻止浏览器的默认行为(阻止超连接 # )

在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”. 1..停止事件冒泡 JavaScript代码 //如果提供了事件对象,则这是一个非IE浏览器if ( e && e.stopPropagation )//因此它支持W3C的stopPropagation()方法e.stopPropagation(); else//否则,我们需要使用IE的方式来取消事件冒泡 window.event.cancelBubble = true;return fal

js阻止默认事件与js阻止事件冒泡

e.stopPropagation(); //阻止事件冒泡 功能:停止事件冒泡 function stopBubble(e) { // 如果提供了事件对象,则这是一个非IE浏览器 if ( e && e.stopPropagation ) { // 因此它支持W3C的stopPropagation()方法 e.stopPropagation(); } else { // 否则,我们需要使用IE的方式来取消事件冒泡 window.event.cancelBubble = true; } }