-
2020-09-02 20:37:10
js双击事件爬过的坑
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").dblclick(function(){ $("p").slideToggle(); }); }); </script> </head> <body> <p>这是一个段落。</p> <button>请双击此处</button> </body> </html>
这段代码没毛病,但是在浏览器中切换成手机模式就不执行,实际是没问题的,换回到正常模式或者直接在手机上运行完全没问题。
更多相关内容 -
js单击事件和双击事件并存绑定
2018-12-25 15:09:05同时给元素绑定,单击事件和双击事件,解决原本两个事件不能并存的问题。 希望能帮助大家解决问题。 -
js双击事件屏蔽单击事件
2019-06-23 10:34:15在单击事件中将绑定的函数放在定时器中,利用定时器的延迟来清除双击对单击事件的影响,如果是双击事件则在双击事件内部清除定时器,如果是单击事件则正常执行定时器中的函数;但是需要记得每次进入单击事件都需要...在单击事件中将绑定的函数放在定时器中,利用定时器的延迟来清除双击对单击事件的影响,如果是双击事件则在双击事件内部清除定时器,如果是单击事件则正常执行定时器中的函数;但是需要记得每次进入单击事件都需要清除定时器。
1、定义外部定时器变量。
2、定义单击事件。
3、定义双击事件。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href=""> </head> <body> <button id="div1">clickme</button> <script type="text/javascript"> var clickTimer=''; document.getElementById('div1').ondblclick=function(){ clearInterval(clickTimer); alert('123'); } document.getElementById('div1').onclick=function(){ clearInterval(clickTimer); clickTimer=setInterval(function(){ console.log('123'); },300); } </script> </body> </html>
-
jquery.jstree 增加节点的双击事件代码
2020-10-29 00:01:30本文基于 jsTree 1.0-rc1 版本增加节点的双击事件。 -
javascript鼠标双击时触发事件大全
2022-01-04 16:32:03javascript事件列表解说 事件 浏览器支持 解说 一般事件 onclick IE3、N2 鼠标点击时触发此事件 ondblclick IE4、N4 鼠标双击时触发此事件 onmousedown IE4、N4 按下鼠标时触发此事件 onmouseup IE4、N4 鼠标按下后...javascript事件列表解说 事件 浏览器支持 解说 一般事件 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 当对象的初始化属性值发生变化时触发此事件 javascript可以使用的事件 Javascript是一种与HTMLHTML一起工作的客户端脚本语言,然而这不是一个Javsscript指南,我们着眼于在HTML如何使用Javascript。 Javascript事件像HTML标签的属性一样使用。事件是发生在HTML元素上的某些行为,如什么时候被点击了或者什么时候失去焦点。 <a href="#top" οnclick="alert ('wow. Javascript.')">Click me</a> 可以使用的事件有: onblur(使用在表单元素中,当元素失去焦点的时候执行) onchange(使用在表单元素中,当某些东西改变是执行) onclick(鼠标点击一个元素时执行) ondblclick(鼠标双击一个元素时执行) onfocus(使用在表单元素中,当元素获得焦点时执行) onkeydown (按下某个按键时执行) onkeypress(按下和释放某个按键时执行) onkeyup(释放某个按键时执行) onload(在body标签中使用,载入页面的时候执行) onmousedown(按下鼠标按键时执行) onmousemove(鼠标光标在元素上移动时执行) onmouseout(鼠标光标移开元素时执行) onmouseover(鼠标光标移到元素上时执行) onmouseup(当释放鼠标按键时执行) onreset(用在表单元素中,当表单重置时执行) onselect(用在表单元素中,当元素被选择时执行) onsubmit(用在表单元素中,当表单提交时执行) onunload(用在body标签中,当关闭页面时执行)
-
JS双击事件
2016-12-01 19:27:53<head><script type="text/javascript"> var flag = true; var first = 0; var second = 0; function test(){ var date = new Date(); var one = date.getTime(); if(flag){ first = one; flag = false; } e<html> <head> <script type="text/javascript"> var flag = true; var first = 0; var second = 0; function test(){ var date = new Date(); var one = date.getTime(); if(flag){ first = one; flag = false; } else { second = one; flag = true; } if(second > first){ var end = second - first ; if(end < 10000){ alert("时间间隔"+end+"毫秒——"+"2次点击时间小于10秒"); } } } </script> </head> <body> <input type="button" value="click" onclick="test();"/> </body> </html>
-
JS中双击和单击事件冲突的解决方法
2020-10-18 14:53:15主要为大家详细介绍了JS中双击和单击事件冲突的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 -
js 实现单击、双击事件
2021-03-03 11:58:17js 实现绑定按钮单击、双击事件: <button id="clickBtn1">单击/双击按钮1</button> <button onclick="btnClick()" ondblclick="btndbClick()">单击/双击按钮2</button> // 方法一 ... -
js 同时实现单击事件和双击事件
2022-03-11 15:09:38var time = null; //单击事件 function click(){ //取消上次延时未执行的方法 clearTimeout(time);...//双击事件 function dblclick(){ //取消上次延时未执行的方法 clearTimeout(time); //下面写... -
JS中解决单击双击事件的冲突
2022-01-10 10:19:27当一个元素上即绑定了单击事件又绑定了双击事件,双击元素时会先触发单击事件,没有达到我们理想的效果从而影响了用户体验。 解决方法: // 解决同一个元素使用单击双击事件的冲突 // 解决思路:单击事件后延迟... -
JS实现鼠标单击与双击事件共存
2020-12-10 20:09:45一直都认为在Web开发中,双击事件都是少至又少地使用,直到最近项目需要,要在一个按钮上绑定单击与双击两件事件。开始也觉得不就是给按钮绑下两个事件而已罢了……只是后来才明白,是我想得太简单,在双击事件触发... -
js:如何实现双击事件
2021-07-20 18:12:33}, 500) if (cloc == 2) { console.log("你双击了"); } } 封装成高阶函数 function doubleClick(handle, await = 1000, n = 2) { let count = 0; let timer = null; return function () { if (!timer) { timer = ... -
js鼠标单击和双击事件冲突问题的快速解决方法
2021-01-19 15:10:13如果在一个DOM对象上同时绑定单击(click)和双击(dblclick)事件,当在这个DOM对象上发生双击事件时,第一次点击(click)会 触发一次单击(click)事件,第二次点击(连续的)也会触发双击(dblclick)事件,还是会... -
js实现单击事件和双击事件
2019-11-22 17:52:45js实现单击事件和双击事件 目的 1.希望通过单击事件调用ajax方法 2.希望通过双击事件修改选中的对象的背景色,从而获取选中的对象 思想 1.首先设置一个状态值为false 2.点击的时候,判断状态值是true还是false,如果... -
解决JS双击事件dblclick触发时,同时会执行click事件中的语句
2017-05-18 10:56:06双击dblclick事件,同时会执行click事件中的语句,当需要为一个元素同时添加这两个事件时,显然这不是我们想要的结果,举个实例,在最近做的canvas开发中使用鼠标画区域,鼠标单击一下开始画,鼠标双击时结束,并... -
js修改table中Td的值(定义td的双击事件)
2021-06-12 05:33:12变单击为双击事件,用户按ESC键,取消更改。//为每个Td添加双击事件function ReWritable(){var tbmian=document.getElementById("tbmain");//循环,为每行每列添加双击事件,但是,第一行(thead)与最后一行(tfoot)不... -
js单击事件和双击事件-代码操作
2020-08-24 09:58:24js单击事件和双击事件 1.单击事件(onclick) 第一种 <body> <input id="button1" type="button" value="单击"> <script> let bon = document.getElementById('button1') bon.onclick = ... -
原生JavaScript 中绑定事件,绑定点击事件,鼠标时间,双击事件
2022-03-18 14:14:49原生Javascript中获得 DOM 元素 let box = document.querySelector('.box') // DOM L2 事件 一个元素通过 addEventListener 能设置多次点击事件 box.addEventListener('click', () => { console.log(123) ... -
移动端双击事件,h5模拟鼠标双击,zepto实现移动端双击事件
2021-03-15 15:28:26那么直接的双击事件 就没有 1. 想到双击 肯定会有童鞋想到 jquery的 dblclick 事件 但问题是在移动端就不生效 那这个怎么办么 首先就是可以通过模拟来实现 正常来说 只要第二次点击 和第一次点击的时间小于 300ms... -
JS 的双击事件
2020-07-26 23:57:46单击 var el = document.getElementById('el') el.onclick = function () { alert('单击!...但是,遇到需要单击和双击同时存在时,js 效果会冲突。解决如下: var el = document.getElementBy -
js防止双击事件触发单击事件
2018-12-26 14:30:161.定义timerProvinceClick变量 2.将单击事件执行的方法延时500毫秒,并赋值给timerProvinceClick 3.在双击事件执行时先清除单击事件 4.双击不再触发单击 -
Layui表格监听行单双击事件讲解
2020-12-13 04:59:14在学MVC过程中,我们一般都是利用layui插件里的layui数据表格加载数据库中的数据,而layui表格里有许多的事件监听,比如监听行的单双击事件,可利用行的单双击事件实现很多我们想要的功能,比单击某条数据可以进行... -
js如何区分单击与双击(如何避免双击的时候触发单击事件)
2022-02-07 20:45:17这是因为双击同时会触发单击的事件 双击触发了两次单击事件和一次双击事件 如何解决呢 在单击事件里, --用定时器 首先先来回顾一下防抖和节流 防抖在input输入框的逻辑是这样的(功能大概是这样,解决方案其实有两... -
vue双击事件2.0事件监听(点击-双击-鼠标事件)和事件修饰符操作
2020-11-20 02:06:33Vue 事件处理方法 可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码。...v-on:dblclick 双击事件 <!– 缩写语法 –> <button class=” btn btn-info” @dblclick=”add(5)”> + + -
JS双击触发2次单击问题解决方案/js区分单击和双击/连续点击事件
2021-11-11 16:57:21当我们在同一个对象同时绑定了onclick和ondblclick事件,双击对象会执行2次单击事件和1次双击事件。如果我们要把它们做区分,双击事件不会执行单击事件,怎么处理呢?那如果需要实现连续点击事件,我们又该怎么处理...