精华内容
下载资源
问答
  • 即可取消默认行为,但是如果事件是addEventListener,用event.preventDefault && event.preventDefault();代替,IE8及以下不支持 取消a标签的跳转 标签中:<a href="java-script:;"></a> ele...

    事件冒泡不是事件默认行为。

    1. 阻止事件冒泡:

    IE下:window.event.cancelBubble = true;
    谷歌火狐等:event.stopPropagation();
    合起来:window.event ? window.event.cancleBubble = true : event.stopPropagation();

    2. 取消事件事件默认行为:

    大多数在事件绑定函数末尾添加 return false;即可取消默认行为,但是如果事件是addEventListener,用event.preventDefault && event.preventDefault();代替,IE8及以下不支持

    1)a标签的跳转

    标签中:<a href="java-script:;"></a>

    element.onclick中:return false; 或下面
    addEventListener中:event.preventDefault && event.preventDefault();

    2)右键出现右键菜单

    document.oncontextmenu = function() { return false; }

    3)滚动滚轮 如果浏览器有滚动条会随之滚动

    element.mousewheel(非火狐)中:return false; 或下面
    addEventListener中:event.preventDefault && event.preventDefault();

    4)文本框输入内容

    5)form表单的自动提交

    展开全文
  • JavaScript事件的绑定与取消事件监听
                   

    很多情况下,比如我们想对一个文本框或者按钮进行事件绑定的时候,一般直接在他上面写上什么onclick等等的事

    件,但是对于这样的时间的去除,比如希望一个按钮在这里仅仅按下一次,然后再次按下的时候就不能有什么效果了,

    这就需要对事件 的监听和绑定还有取消实行动态的机制,下面我们来演示一个小例子来说明一下事件的绑定和取消机

    制/

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>    <title>test6.html</title> <script type="text/javascript">  function test(){   window.alert("您投了一次票");   document.getElementById("1").detachEvent("onclick",test);  } </script>  </head>    <body>    <input type="button" value="投票" id="1"/>    <script type="text/javascript">     document.getElementById("1").attachEvent("onclick",test);    </script>  </body></html>

    这里使用document.getElementById("1").attachEvent("onclick",test);进行动态的事件绑定,使用

    document.getElementById("1").detachEvent("onclick",test)进行动态的时间的取消,这样就实现了这个事件只能相应一次,下
    次再点击这个按钮的时候就不会再产生什么效果。
    下面再演示一个时时监听键盘事件,判断输入的是否是数字,如果不是数字直接动态提示,然后拒绝其输入
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>    <title>test7.html</title> <script type="text/javascript">  function test(event){   //用户每按下一个按键,就去判断是不是数字   if(event.keyCode<48 || event.keyCode > 57){    window.alert("您输入的不是一个数字");    return false;   }  } </script>  </head>    <body>    <input type="text" onkeypress="return test(event);" />请输入数字  </body></html>

    这里的event就是一个事件对象,他能返回很多的信息,具体请参考文档。
    
     

               

    再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!https://blog.csdn.net/jiangjunshow

    展开全文
  • js如何取消事件

    千次阅读 2018-11-25 22:46:47
    事件处理程序分为DOM0级和DOM2级,如果是用onclick方式绑定的事件可以用如下方法取消: btn.onclick=null;//删除事件处理程序 如果使用addEventListener()方法添加事件,可以通过removeEventListener()移出事件,...

    事件处理程序分为DOM0级和DOM2级,如果是用onclick方式绑定的事件可以用如下方法取消:

    btn.onclick=null;//删除事件处理程序
    

    如果使用addEventListener()方法添加事件,可以通过removeEventListener()移出事件,需要注意两点:
    1.removeEventListener()的第三个参数必须和addEventListener()方法的第三个参数一致。
    2.通过addEventListener()方法添加的匿名函数将无法移除。

    btn.aaddEventListener('click',function(){alert(1);},false);
    btn.removeEventListener('click',function(){alert(1);},false);//没有用!
    

    aaddEventListener和removeEventListener看似传入了相同的参数,但实际上removeEventListener的第二个参数与aaddEventListener的第二个参数是完全不同的函数!
    想要移出必须这样

    var fn=function(){
    	alert(1);
    };
    btn.aaddEventListener('click',fn,false);
    btn.removeEventListener('click',fn,false);//有效
    
    展开全文
  • JS - 取消事件冒泡

    千次阅读 2019-02-09 09:11:48
    JavaScript事件冒泡确实很有用(大多数情况下),但是有时确实不想它冒泡,那么可以通过以下方式取消 元素.事件 = function( event ) { // 解决兼容问题 event = event || window.event; // 将cancenBubble...

    JavaScript的事件冒泡确实很有用(大多数情况下),但是有时确实不想它冒泡,那么可以通过以下方式取消

    元素.事件 = function( event ) {
        // 解决兼容问题
        event = event || window.event;
        // 将cancenBubble属性设置为false即可
        event.cancelBubble = true;
    }

     

    展开全文
  • 事件响应函数返回false的问题:在js中,return false的作用一般用来取消默认行为(并不能取消冒泡) 使用addEventListener()方法绑定响应函数,取消默认行为时不能通过使用return false,而是需要使用event来取消...
  • js 事件取消

    千次阅读 2019-01-06 23:21:19
    ie:obj.detachEvent(事件名称,事件函数); 标准:obj.removeEventListener(事件名称,事件函数,是否捕获); &lt;!DOCTYPE html&gt; &lt;html&gt;  &lt;head&gt;  &lt;meta charset=...
  • 原生JS javascript解除绑定事件 JS删除绑定事件 一、直接删除法 1、适用于直接绑定的事件,如: <h1 id="h1" onclick="_click();">送你一朵花</h1> 2、解除法: function unbind(){ var h1 = ...
  • js取消 删除点击事件

    2021-06-28 23:25:01
    js赋予点击事件 var redone=document.getElementById("gd2_3");...用js取消/删除点击事件 redone.removeEventListener('click',canbeclick,true); 上面代码亲测有效。 因为看到网上有将redone.οnclick=
  • 1.事件冒泡、捕获 事件冒泡: 结构上(非视觉上)嵌套关系的元素,会存在事件冒泡的功能,即同一事件,自子元素冒泡向父元素。(自底向上) 事件捕获: 结构上(非视觉上)嵌套关系的元素,会存在...2.取消冒泡事件 ...
  • 1.事件处理程序的返回值   通常情况下,返回值false就是告诉浏览器不要执行这个事件相关的默认操作。例如,表单提交按钮的onclick事件处理程序能通过返回false阻止浏览器提交表单,再如a标签的onclick事件处理程序...
  • js如何取消事件冒泡

    2020-12-09 05:30:31
    代码如下: function stopBubble(e) { //如果传入了对象,那么就是非IE浏览器,才用W3C标准方法 if (e || e.stopPropagation) { e.... } else { //才用IE的停止事件冒泡的方法 window.event.CancelBubble = true; } }
  • 之前在vue项目里面看到了屏蔽右键默认方法的一个措施,就想着,原生的js也一定有这个方法可以自动屏蔽右键默认方法。结果真的有。 简答 针对某个元素区域的屏蔽 let objDemo = document.getElementsByClassName('...
  • 功能:停止事件冒泡  function stopBubble(e) { // 如果提供了事件对象,则这是一个非IE浏览器 if ( e && e.stopPropagation ) { // 因此它支持W3C的stopPropagation()方法 e.stopPropagation(); } else...
  • JS取消事件的默认行为和取消冒泡

    千次阅读 2013-04-22 13:21:28
    preventDefault()方法:取消事件的默认动作; stopPropagation()方法:停止事件传播。 2.UIEvent view:发生事件的window对象。 detail:提供事件的额外信息,对于单击事件、mousedown和mouseup事件都代表的是...
  • 主要介绍了浅谈javascript事件取消和阻止冒泡的方法和示例,有需要的小伙伴可以参考下。
  • 单个链接取消链接并触发js事件 代码如下:测试</a> 批量将网页中的链接取消或重新设置链接的代码: 百度 软件开发网 服务器软件 素材下载 站长查询 脚本下载 function doLinkAll(action){ var arr=document....
  • js传统事件绑定与取消 传统事件的绑定格式: 节点.onclick = function () { // 事件处理程序 } 先定义一个通过id找到节点的函数:($是函数名,你也可以取其他的) function $(id) { return document....
  • 主要介绍了JavaScript获取网页关闭与取消关闭的事件,有需要的朋友可以参考一下
  • 取消事件用 x.removeEventListener('click',aaa,false); 这个没有问题 但是如果用匿名函数绑定,那么怎么取消 x.addEventListener('click',function(){alert('niming')},false); 运行 x.removeEventListener('click...
  • * 事件订阅,发布,取消订阅 */ export class EventManager { events = {}; subscribe(name, func) { if (!this.events[name]) { this.events[name] = [] } this.events[name].push(func) } publish(name)...
  • js取消事件冒泡方法

    2013-09-22 21:14:21
    function stopBubble(e) { //如果传入了对象,那么就是非IE浏览器,才用W3C标准方法 if (e || e.stopPropagation) { ... //才用IE的停止事件冒泡的方法 window.event.CancelBubble = true; } }
  • *举例:取消a链接跳转 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">...取消默认事件</title> </head> <style> .div1 { width: 300...
  • JS解除事件绑定

    千次阅读 热门讨论 2019-03-12 15:34:30
    很简单的都在代码里面了直接上代码吧 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"...JavaScript.js"&gt;&lt
  • js绑定事件和解除事件

    千次阅读 2019-09-25 19:17:20
    绑定事件三种方法, 第一种, <div style="width: 100px;height: 100px;background-color:red;"></div> var div =document.getElementsByTagName('div')[0]; div.onclick=function(){ console.log('...
  • js取消默认回车事件

    千次阅读 2019-06-10 14:13:33
    在日常开发中,有时候回车按键的默认事件不是我们想要的,这时候我们可以通过阻止事件的默认行为来达到我们想要的效果。 示例: $("#templateList").on('keydown', 'li', function(e) { if(e.keyCode == 13) { ...
  • js:取消事件的默认行为

    千次阅读 2017-05-01 23:17:42
    取消事件的默认行为
  • $(".sendMail").removeAttr("onclick"); $(".sendMail1").attr("onclick","sendMail('1')") $(".sendMail2").attr("onclick","sendMail('2')")

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 99,747
精华内容 39,898
关键字:

js取消事件