精华内容
下载资源
问答
  • 鼠标点击触发事件 ondblclick IE4、N4 鼠标双击时触发事件 onmousedown IE4、N4 按下鼠标时触发事件 onmouseup IE4、N4 鼠标按下后松开鼠标时触发事件 onmouseover IE3、N2 当鼠标移动到某对象范围的上方...
    事件
    浏览器
    
    一般事件
     
    
    
    onclick
    IE3、N2
    鼠标点击时触发此事件
    
    ondblclick
    IE4、N4
    鼠标双击时触发此事件
    onmousedown
    IE4、N4
    按下鼠标时触发此事件
    onmouseup
    IE4、N4
    鼠标按下后松开鼠标时触发此事件
    onmouseover
    IE3、N2
    当鼠标移动到某对象范围的上方时触发此事件
    onmousemove
    IE4、N4
    鼠标移动时触发此事件
    onmouseout
    IE4、N3
    当鼠标离开某对象范围时触发此事件
    onkeypress
    IE4、N4
    当键盘上的某个键被按下并且释放时触发此事件.
    onkeydown
    IE4、N4
    当键盘上某个按键被按下时触发此事件
    onkeyup
    IE4、N4
    当键盘上某个按键被按放开时触发此事件
    页面相关事件
    
    
    
    onabort
    IE4、N3
    图片在下载时被用户中断
    
    onbeforeunload
    IE4、N
    当前页面的内容将要被改变时触发此事件
    onerror
    IE4、N3
    出现错误时触发此事件
    onload
    IE3、N2
    页面内容完成时触发此事件
    onmove
    IE、N4
    浏览器的窗口被移动时触发此事件
    onresize
    IE4、N4
    当浏览器的窗口大小被改变时触发此事件
    onscroll
    IE4、N
    浏览器的滚动条位置发生变化时触发此事件
    onstop
    IE5、N
    浏览器的停止按钮被按下时触发此事件或者正在下载的文件被中断
    onunload
    IE3、N2
    当前页面将被改变时触发此事件
    表单相关事件
    
    
    
    onblur
    IE3、N2
    当前元素失去焦点时触发此事件
    
    onchange
    IE3、N2
    当前元素失去焦点并且元素的内容发生改变而触发此事件
    onfocus
    IE3 、N2
    当某个元素获得焦点时触发此事件
    onreset
    IE4 、N3
    当表单中RESET的属性被激发时触发此事件
    onsubmit
    IE3 、N2
    一个表单被递交时触发此事件
    滚动字幕事件
    
    
    
    onbounce
    IE4、N
    在Marquee内的内容移动至Marquee显示范围之外时触发此事件
    
    onfinish
    IE4、N
    当Marquee元素完成需要显示的内容后触发此事件
    onstart
    IE4、 N
    当Marquee元素开始显示内容时触发此事件
    编辑事件
    
    
    
    onbeforecopy
    IE5、N
    当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发此事件
    
    onbeforecut
    IE5、 N
    当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发此事件
    onbeforeeditfocus
    IE5、N
    当前元素将要进入编辑状态
    onbeforepaste
    IE5、 N
    内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发此事件
    onbeforeupdate
    IE5、 N
    当浏览者粘贴系统剪贴板中的内容时通知目标对象
    oncontextmenu
    IE5、N
    当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件
    oncopy
    IE5、N
    当页面当前的被选择内容被复制后触发此事件
    oncut
    IE5、N
    当页面当前的被选择内容被剪切时触发此事件
    ondrag
    IE5、N
    当某个对象被拖动时触发此事件 [活动事件]
    ondragdrop
    IE、N4
    一个外部对象被鼠标拖进当前窗口或者帧
    ondragend
    IE5、N
    当鼠标拖动结束时触发此事件,即鼠标的按钮被释放了
    ondragenter
    IE5、N
    当对象被鼠标拖动的对象进入其容器范围内时触发此事件
    ondragleave
    IE5、N
    当对象被鼠标拖动的对象离开其容器范围内时触发此事件
    ondragover
    IE5、N
    当某被拖动的对象在另一对象容器范围内拖动时触发此事件
    ondragstart
    IE4、N
    当某对象将被拖动时触发此事件
    ondrop
    IE5、N
    在一个拖动过程中,释放鼠标键时触发此事件
    onlosecapture
    IE5、N
    当元素失去鼠标移动所形成的选择焦点时触发此事件
    onpaste
    IE5、N
    当内容被粘贴时触发此事件
    onselect
    IE4、N
    当文本内容被选择时的事件
    onselectstart
    IE4、N
    当文本内容选择将开始发生时触发的事件
    数据绑定
    
    
    
    onafterupdate
    IE4、N
    当数据完成由数据源到对象的传送时触发此事件
    
    oncellchange
    IE5、N
    当数据来源发生变化时
    ondataavailable
    IE4、N
    当数据接收完成时触发事件
    ondatasetchanged
    IE4、N
    数据在数据源发生变化时触发的事件
    ondatasetcomplete
    IE4、N
    当来子数据源的全部有效数据读取完毕时触发此事件
    onerrorupdate
    IE4、N
    当使用onBeforeUpdate事件触发取消了数据传送时,代替onAfterUpdate事件
    onrowenter
    IE5、N
    当前数据源的数据发生变化并且有新的有效数据时触发的事件
    onrowexit
    IE5、N
    当前数据源的数据将要发生变化时触发的事件
    onrowsdelete
    IE5、N
    当前数据记录将被删除时触发此事件
    onrowsinserted
    IE5、N
    当前数据源将要插入新数据记录时触发此事件
    外部事件
    
    
    
    onafterprint
    IE5、N
    当文档被打印后触发此事件
    
    onbeforeprint
    IE5、N
    当文档即将打印时触发此事件
    onfilterchange
    IE4、N
    当某个对象的滤镜效果发生变化时触发的事件
    onhelp
    IE4、N
    当浏览者按下F1或者浏览器的帮助选择时触发此事件
    onpropertychange
    IE5、N
    当对象的属性之一发生变化时触发此事件
    onreadystatechange
    IE4、N
    当对象的初始化属性值发生变化时触发此事件
    

    展开全文
  • 今天遇到一个问题,手机端给父元素绑定了长按事件,但是子元素的点击事件不被触发 需要实现的功能 子元素需要点击父元素需要 长按 高亮显示父元素高亮时有自己的点击事件 并且 不触发子元素的点击事件点击其他...

    今天遇到一个问题,手机端给父元素绑定了长按事件,但是子元素的点击事件不被触发

    需要实现的功能

    1. 子元素需要点击
    2. 父元素需要  长按  高亮显示
    3. 父元素高亮时有自己的点击事件   并且  不触发子元素的点击事件
    4. 点击其他位置,取消高亮显示

    页面展示


    代码如下


    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport"
              content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        <style>
            .main{width: 217px;  height: 167px;background: #ddd;  text-align: center; padding: 10px; border-radius: 4px; margin: 30px auto;}
            .area-active{background:aquamarine;}
            span{ background: red; color: #fff; padding: 4px 10px; border-radius: 4px;}
        </style>
    </head>
    <body>
    <section class="main">
        <p>占位置占位置占位置</p>
        <p>占位置占位置占位置</p>
        <p>占位置占位置占位置</p>
        <span id="son">点击我</span>
    </section>
    <script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script>
        $(function () {
    
            $(".main").on({
                touchstart: function(ev){
                    timeOutEvent = setTimeout("longPress()",500);
                    ev.preventDefault();
                },
                touchmove: function(){
                    clearTimeout(timeOutEvent);
                    timeOutEvent = 0;
                },
                touchend: function(ev){
                    clearTimeout(timeOutEvent);
                    if(timeOutEvent!=0){
    //                    点击事件
                        if($(this).hasClass("area-active")){
                            alert("区域长按高亮之后的点击事件");
                        }
                    }
                            return false;
                }
            })
    
            $(".main").on("touchend" ,"span",function () {
                if($(this).parent(".main").hasClass("area-active")) return true;
                alert("子元素点击");
            });
    
    //点击其他区域取消高亮
            $(":not(area-active)").on("click",function (ev) {
                ev.preventDefault();
                $(".area-active").removeClass("area-active");
            });
        });
    //        长按事件触发  区域高亮显示
        function longPress(){
            timeOutEvent = 0;
            $(".main").addClass("area-active");
        }
    
    </script>
    </body>
    </html>

    注意事项

    在写子元素的点击事件的时候,如果直接绑定click事件是不起作用的,需要使用事件委托进行事件的绑定

    展开全文
  • js 的单双击事件同时存在会有一个问题:双击事件会同时触发单击事件,两个事件存在冲突。 我们加一个延迟时间就能很好的解决这个问题。 原理: 当接收到第一个点击时,我们先把单击事件存储在这个是全局变量 click_...

    js 的单双击事件同时存在会有一个问题:双击事件会同时触发单击事件,两个事件存在冲突。
    我们加一个延迟时间就能很好的解决这个问题。

    原理: 当接收到第一个点击时,我们先把单击事件存储在这个是全局变量 click_store 里,如果 0.3 秒内没有接收到双击事件,就去执行它,如果接收到了,我们把它清理掉,然后去执行双击事件。setTimeout() 可以实现延迟执行。

    var click_store // 定义一个全局变量存储单击触发事件
    
    document.addEventListener('click', deal_click);
    document.addEventListener('dblclick', deal_dblclick);
    
    function deal_click(e){
    
    	click_store = setTimeout(function(e){
    		// 单击触发事件,0.3s延迟
    		...
    	},300);
    }
    
    function deal_dblclick(e){
    
    	// 单击事件清理
    	clearTimeout(click_store);
    	
    	// 双击触发事件
    	...
    }
    

    喜欢的点个赞❤吧!

    展开全文
  • js防止双击事件触发单击事件

    千次阅读 2018-12-26 14:30:16
    1.定义timerProvinceClick变量 2.将单击事件执行的方法延时500毫秒,并赋值给timerProvinceClick 3.在双击事件执行时先清除单击事件 4.双击不再触发单击

    1.定义timerProvinceClick变量

    2.将单击事件执行的方法延时500毫秒,并赋值给timerProvinceClick

    3.在双击事件执行时先清除单击事件

    4.双击不再触发单击

    展开全文
  • html如何点击子元素事件不触发父元素的点击事件
  • js触发btn的点击事件: var btn = document.querySelector('#btn'); var event = new Event('click'); btn.dispatchEvent(event); 同理可以触发input的change事件: <input type="text" id="txt"> js...
  • bug的原因: 1 一个完整的点击事件包含两个事件: ...我们通过对比发现拖拽跟点击事件不同的是拖拽事件多了一个mousemove事件,所以我们可以从这个mousemove入手,点击事件时mousedown与mouseup触发
  • JS 触发单击 事件

    2015-05-18 22:46:34
    JS触发单击事件的两种方式onclick和click函数: document.getElementById("test").onclick(); document.getElementById("test").click(); 两者之间的区别: onclick() 方式类似于方法的...
  • JS事件OPTION事件触发

    2008-02-29 23:56:29
    JAVASCRIPT 实现OPTION的事件触发
  • JavaScript 事件不触发

    2019-07-02 14:48:00
    在class上绑定的事件点击图片的时候无法触发 <div id="files" class="files"> <div> <p> <canvas width="80" height="80"></canvas> <br><span c...
  • 主要介绍了javascript/jquery实现点击触发事件的方法,结合具体实例形式分析了JavaScript与jQuery针对点击按钮触发事件的相关实现与使用技巧,需要的朋友可以参考下
  • 主要介绍了javascript触发模拟鼠标点击事件,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
  • 最近写代码遇到一个细节的小问题,点击子元素标签不仅触发了子元素点击事件,还会执行父元素点击事件,例如: 子元素 tabclose="11" > 子元素 为li标签和i标签都添加点击事件后,当我点击i标签区域,li...
  • JavaScript js阻止连续点击事件触发

    万次阅读 2016-12-08 17:34:38
    原理很简单: 利用延时器 setTimeout; 示例代码如下: 2.5秒内允许重复点击事件,2.5秒后再次点击才会触发
  • 使用前提是该 dom 元素必须绑定的事件才能出发,他的祖先元素绑定的事件触发不了,所以这里要把 Ancestors All 取消勾选一下。 JavaScript 技术篇-js代码触发dom元素绑定事件实例演示,jquery触发元素绑定事件方法
  • js点击事件多次触发问题

    千次阅读 2017-03-13 10:13:21
    点击前几次的时候,开启禁用功能都正常,但是当从第四次点击开始,每点击一次,就相当于点击了n+1次,时间触发的次数越来越多,后经大师(兄弟会--王飞龙)指点,需要在重新定义点击时间之前,先取消之前的事件绑定...
  • 某Html元素有onclick方法:onclick=’... //这时obj就是触发事件的对象,可以使用它的各个属性 //还可以将obj转换成jquery对象,方便选用其他元素 var $obj = $(obj); alert($obj.parent().attr(“href”));
  • 我需要点击下拉框触发时间给下拉框内容,选择后不触发事件只是单纯的选择
  • 点击子元素,触发子元素事件的同时不触发父元素的时间
  • 大家好,我是专注于前端开发,前端入门,精神可爱的前端小学妹,本期为大家带来的Web前端学习知识是”javascript:什么是js事件?(上)“,喜欢Web前端的朋友,一起看看吧!主要内容:事件概述浏览器中的事件ie浏览...
  • JS点击子元素不触发父元素点击事件

    千次阅读 2019-09-30 15:19:52
    给子元素应用 event.stopPropagation(); 方法阻止事件冒泡 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="http://ajax.aspne...
  • 无标 ...//触发fff的单击事件,这和直接调用fff定义的单击函数是有很大区别的 //单击时会有文件选择框,若只是单单调用定义的单击函数,没有文件选择框弹出 document.getElementById
  • 特殊情况:js触发input[file]的单击事件原文写于:2014-06-18想要通过ele.click()触发某个input[file]的click事件,直接执行不会有效果(包括直接在控制台执行代码或者计时器延时调用均生效),但是放到某个a标签...
  • 鼠标的单击事件是鼠标点击一次触发事件(click);双击事件是两次的单击事件....为了保证双击时不触发单击事件,解决办法,给单击事件添加一个计时器,当单击事件还没有触发时,取消这个事件,最后就只有双击事件的内容触发
  • js事件绑定-点击触发函数 这是一个两步的事情 第一步:给点击事件绑定需要执行的函数 第二步:发生点击事件的时候执行函数 方式一: <script type="text/javascript"> var xx = document.getElementById("xx...
  • 在jQuery的事件绑定中,如果元素同时绑定了单击事件(click)和双击事件(dblclick),那么执行单击事件(click)时,不会触发双击事件(dblclick), 执行双击事件(dblclick)时却会触发两次单击事件(click)。  但有...
  • JavaScript】防止事件被频繁触发

    千次阅读 2018-04-20 11:38:09
    前言:接到过这样一个任务,是做一个客户预约...所有input标签的value值是否为空,那用户填写一遍下来,估计事件触发四五百次,这是多么恐怖的一件事情和资源浪费!!。 一、问题起始 &lt;body&gt; ...
  • Javascript:radio单击触发事件

    千次阅读 2020-06-28 09:31:22
    radio单击触发事件
  • javascript事件列表解说 ...鼠标点击触发事件 ondblclick IE4、N4 鼠标双击时触发事件 onmousedown IE4、N4 按下鼠标时触发事件 onmouseup IE4、N4

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 208,898
精华内容 83,559
关键字:

js点击事件不被触发