精华内容
下载资源
问答
  • js取消 删除点击事件

    2021-06-28 23:25:01
    js赋予点击事件 var redone=document.getElementById("gd2_3");...用js取消/删除点击事件 redone.removeEventListener('click',canbeclick,true); 上面代码亲测有效。 因为看到网上有将redone.οnclick=

    用js赋予点击事件

    	var redone=document.getElementById("gd2_3");
    	redone.addEventListener('click',canbeclick,true);
    	function canbeclick(){
    		alert("啊,好爽啊!");		
    	}
    

    用js取消/删除点击事件

    redone.removeEventListener('click',canbeclick,true);
    

    上面代码亲测有效。
    因为看到网上有将redone.οnclick=null;的,试了不好使,如果你也遇到这样的问题,试试这个。

    补充:针对html标签内的onclick用document.getElenmentById(“id”).οnclick=null;是有效的。

    展开全文
  • 本文实例讲述了jQuery实现按钮只点击一次后就取消点击事件绑定的方法。分享给大家供大家参考。具体实现方法如下: <input type="button" id="my-selector" value="只能点击一次" /> [removed] $('#my-...
  • 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=...

    ie:obj.detachEvent(事件名称,事件函数);

    标准:obj.removeEventListener(事件名称,事件函数,是否捕获);

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="{CHARSET}">
            <title></title>
            <script type="text/javascript">
                function fn1(){
                    alert(1);
                }
                function fn2(){
                    alert(2);
                }
                document.onclick = fn1;
                document.onclick = null;//取消
            </script>
        </head>
        <body>
            <div id="div1">
                <div id="div2">
                    <div id="div3"></div>
                </div>
            </div>
        </body>
    </html>

    ie:obj.detachEvent(事件名称,事件函数);---------------------------------------------------------------

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="{CHARSET}">
            <title></title>
            <script type="text/javascript">
                function fn1(){
                    alert(1);
                }
                function fn2(){
                    alert(2);
                }
                document.attachEvent('onclick',fn1);
                document.attachEvent('onclick',fn2);
                document.detachEvent('onclick',fn1);

            </script>
        </head>
        <body>
            <div id="div1">
                <div id="div2">
                    <div id="div3"></div>
                </div>
            </div>
        </body>
    </html>

    -标准:obj.removeEventListener(事件名称,事件函数,是否捕获);-----------------------------------

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="{CHARSET}">
            <title></title>
            <script type="text/javascript">
                function fn1(){
                    alert(1);
                }
                function fn2(){
                    alert(2);
                }
                document.addEventListener('click',fn1,false);
                document.addEventListener('click',fn2,false);
                document.removeEventListener('click',fn1,false);
            </script>
        </head>
        <body>
        </body>
    </html>

    输出:1-1-2

    输出:1-2

     

    展开全文
  • 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);//有效
    
    展开全文
  • 之前在vue项目里面看到了屏蔽右键默认方法的一个措施,就想着,原生的js也一定有这个方法可以自动屏蔽右键默认方法。结果真的有。 简答 针对某个元素区域的屏蔽 let objDemo = document.getElementsByClassName('...

    ヤッハロー、Kaiqisanすうう、一つふつうの学生プログラマである。之前在vue项目里面看到了屏蔽右键默认方法的一个措施,就想着,原生的js也一定有这个方法可以自动屏蔽右键默认方法。结果真的有。

    简答

    针对某个元素区域的屏蔽

    let objDemo = document.getElementsByClassName('demo')[0]
    objDemo.oncontextmenu = (e) => {
        e.preventDefault()
    }
    

    全局屏蔽

    document.oncontextmenu = (e) => {
        e.preventDefault()
    }
    

    详解

    针对右键默认打开菜单的一种屏蔽手段。

    let objDemo = document.getElementsByClassName('demo')[0]
    objDemo.oncontextmenu = (e) => {
        e.preventDefault()
    }
    

    oncontextmenu检测打开菜单事件,严格来说是先触发事件,再打开菜单。但是,很不幸的是,咱使用了preventDefault()方法,直接屏蔽了默认的事件,也就是说,一旦触发这个右击事件试图打开菜单栏的时候它就会马上被屏蔽,从而无法生成这个菜单栏。

    下面是全局的屏蔽右键方法

    document.oncontextmenu = (e) => {
        e.preventDefault()
    }
    

    如果条件允许,还可以自己再另外写一个属于自己的菜单

    window.oncontextmenu = (e) => {
        e.preventDefault()
    }
    
    let a = null
    
    window.onclick = fun1 // 整个页面被点击都可以触发
    
    function fun1(e) {
        if (e.button === 2) { // 判断是不是右键点击
            if (a) {
                document.body.removeChild(a)
                a = null // 移除元素之后把参数a清零,便于下次生成新的元素
            }
    
            a = document.createElement('div')
            a.className = 'menu'
            a.innerHTML = 'ddddd'
            a.display = 'none'
            document.body.appendChild(a)
            // 元素在正式生成之后才有clientHeight clientWidth,所以先设置不可见
    
    		// 防止菜单跑出页面外边
            if (e.clientY + a.clientHeight >= window.screen.height) { 
                a.style.top = (e.clientY - a.clientHeight) + 'px'
            } else {
                a.style.top = e.clientY + 'px'
            }
            if (e.clientX + a.clientWidth >= window.screen.width) {
                a.style.left = (window.screen.width - a.clientWidth) + 'px'
    		} else {
                a.style.left = e.clientX + 'px'
    		}
            //等一系列兼容完成之后再设置可见
            a.display = 'block'
        }
    }
    
    document.body.onclick = exit
    
    // 点击菜单外面的其他地方也可以关闭该菜单
    function exit(e) {
        if (a) {
            if (e.path.includes(a) === false) {
                document.body.removeChild(a)
                a = null
            }
        }
    }
    

    总结

    这个屏蔽右键方法在自己写右键菜单的时候非常好使,也可以自己封装一个自己定制的菜单,建议记住。

    展开全文
  • 我们常用的在a标签中有点击事件: 1. a href=[removed]js_method(); 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且[removed]协议作为a的href属性的时候不仅会导致不必要的触发...
  • 原生JS javascript解除绑定事件 JS删除绑定事件 一、直接删除法 1、适用于直接绑定的事件,如: <h1 id="h1" onclick="_click();">送你一朵花</h1> 2、解除法: function unbind(){ var h1 = ...
  • 单个链接取消链接并触发js事件 代码如下:测试</a> 批量将网页中的链接取消或重新设置链接的代码: 百度 软件开发网 服务器软件 素材下载 站长查询 脚本下载 function doLinkAll(action){ var arr=document....
  • JS Radio点击事件以及再次取消

    千次阅读 2019-06-03 14:31:12
    如果有两个或者多个radio,只能点击一个,不能多个同时点击,只需要将radio的属性name值设置为一样的即可。 请选择:<input id="NoClaimed" name="IsClaimedFlag" type="radio" value="0" runat="server" />...
  • 事件响应函数返回false的问题:在js中,return false的作用一般用来取消默认行为(并不能取消冒泡) 使用addEventListener()方法绑定响应函数,取消默认行为时不能通过使用return false,而是需要使用event来取消...
  • 关于原生JS元素怎么取消事件,有3种方式 方法1:removeEventListener 案例: <body> <div id="myDIV"> div 元素添加了 onmousemove 事件句柄,在你移动鼠标时会显示随机数。 <p>点击按钮移除 DIV...
  • JS中代码中同一功能块中通常同时会用到单击、双击事件,但通常会遇到一个问题,就是在双击的时候即执行了一次双击事件,而且还执行了两次单击事件。此类冲突在ZTree、DHTMLX中经常遇到。 想要解决两个事件冲突,...
  • JavaScript事件的绑定与取消事件监听
  • *举例:取消a链接跳转 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">...取消默认事件</title> </head> <style> .div1 { width: 300...
  • 事件对象 每个事件处理函数中,都可以有一个形参,系统会自动传递一个...取消冒泡 1 .W3C标准 event.stopPropagation();但不支持IE9以下版本 document.onclick = function(){ console.log('aha'); } div.onclick = fun
  • 1.事件冒泡、捕获 事件冒泡: 结构上(非视觉上)嵌套关系的元素,会存在事件冒泡的功能,即同一事件,自子元素冒泡向父元素。(自底向上) 事件捕获: 结构上(非视觉上)嵌套关系的元素,会存在...2.取消冒泡事件 ...
  • 下面是简单的例子,以变色为主,点击一下变黑色,再点击一下恢复原来的颜色。 &lt;body&gt; &lt;div id="div1" style="width:100px; height:100px; background:red";&gt;&...
  • JS取消事件的两种方式

    千次阅读 2016-03-02 13:39:34
    取消事件:2种情况:  1. 在html中绑定事件处理函数:2个return function validate(obj) { if (confirm("提交表单?")) { alert(obj.value); return true; } else { alert
  • $(".sendMail").removeAttr("onclick"); $(".sendMail1").attr("onclick","sendMail('1')") $(".sendMail2").attr("onclick","sendMail('2')")
  • 单击事件,将Td内容更新为一个Div,其中装载了一个Text,用于用户输入新的Td的值,一个确定按钮,一个取消按钮,用于保存或取消用户的输入内容
  • 原生js消除某个元素的click点击事件

    万次阅读 2019-01-15 11:10:07
    最近遇到一个需求,如果对应的一个按钮被点击后,下一个按钮才能被点击做相应的js逻辑事件,否则不能。 例:这里有一个复选框 只有当checked为true时 button才能被点击,才能触发click点击事件 最开始用了各种办法...
  • js取消默认回车事件

    千次阅读 2019-06-10 14:13:33
    在日常开发中,有时候回车按键的默认事件不是我们想要的,这时候我们可以通过阻止事件的默认行为来达到我们想要的效果。 示例: $("#templateList").on('keydown', 'li', function(e) { if(e.keyCode == 13) { ...
  • 提交表单 使用< input > 或 < button >标签都可以定义提交按钮,只要将type属性值...submit事件类型仅在表单内提交按钮,或者在文本框中输入文本时按回车键触发。 示例1:单击【提交】按钮后,触发sub...
  • js:取消事件的默认行为

    千次阅读 2017-05-01 23:17:42
    取消事件的默认行为
  • js简单点击事件

    千次阅读 2019-01-17 09:37:19
    然后编写js代码,声明一个变量调用html定义的id,通过id选泽到它然后写点击事件,使用confirm可以弹出一个提示框,提示框有确定取消按钮,而aler只有确定按钮。 部分代码和截图如下: confirm提示框有确定取消按钮 ...
  • //单击事件 function click(){ //取消上次延时未执行的方法 clearTimeout(time); //设置延时300ms time = setTimeout(function(){ //在此写单击事件要执行的代码 ... },300); } //双击事件 function ...
  • 有时候我们仅仅希望将链接作为一个按钮使用,但是在默认状态下,点击链接会出现跳转效果,下面就通过代码实例,介绍一下如何实现此效果
  • JS阻止冒泡和取消默认事件(默认行为) js冒泡和捕获是事件的两种行为,使用event.stopPropagation()起到阻止捕获和冒泡阶段中当前事件的进一步传播。使用event.preventDefault()可以取消默认事件。 防止冒泡和捕获 w3...
  • 1、事件的冒泡:所谓的事件冒泡是指事件的向上传导,当后代元素上的事件被触发时,其祖先元素的相同的事件也会被触发。 在开发中,冒泡大多数是有用的。 <!DOCTYPE html> <html lang="en"> <head>...
  • js实现——鼠标单击事件-onclick和双击事件-ondblclick onclick:单击 ondblclick:双击 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 108,600
精华内容 43,440
关键字:

js取消点击事件