js判断双击_怎样处理JS中双击和单击事件冲突问题

A. javascript中，为什么双击事件之后必定会触发两次单击事件

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;
using System.Threading;

namespace WindowsFormsApplication5
{
public partial class Form1 : Form
{
public Form1()
{
InitializeComponent();
}

bool doubleclicked = true;
private void listBox1_DoubleClick(object sender, EventArgs e)
{
doubleclicked = true;
//双击对窗体尺寸改变，只是一个例子，你自己可以实现
this.Size = new Size(new Point(700, 700));
}

private void listBox1_Click(object sender, EventArgs e)
{
doubleclicked = false;
Thread th = new Thread(new ThreadStart(signClicked));
th.Start();
}
private void signClicked()
{
Thread.Sleep(1000);
if (!doubleclicked)
{
//todo：处理单击事件的逻辑
AddItem();
}
}
/// <summary>
/// 代理委托
/// </summary>
private delegate void AddItemDelegate();

/// <summary>
/// 数据绑定
/// </summary>
public void AddItem()
{
if (this.InvokeRequired)
{
AddItemDelegate m_SetProgressProxy = new AddItemDelegate(AddItem);
this.Invoke(m_SetProgressProxy, new object[] { });
}
else
{
this.listBox1.Items.Add(("signClicked" + this.listBox1.Items.Count.ToString()));
}
}
}
}

给你做了个demo，基本原理是使用线程处理，定义一个外部全局变量，确定是否双击。这里强调一下，关键在于把单击事件执行使用sleep滞后，判断在1秒内是否有再次点击，如果是，那么不执行单击事件，只执行双击事件。

B. javascript ie下实现div鼠标双击事件

鼠标双击事件其实就是 ondblclick 方法，只要给 div 加上这个方法就可以实现双击事内件<br><html><br><body><br><div id="d1" style="background:yellow;width:100px;height:100px" ondblclick="test()"></div><br></body><br></html><br><script><br>function test(){<br>
alert("test");<br>}<br></script>代码如上容所示。也是通过 js 将方法直接注册给div。<br>document.getElementById("d1").ondblclick = function(){alert("test")}

C. js可以双击运行

必须可以啊~双击单击只是事件不同而已如果想双击运行就用ondblclick事件来触发就可以了~

D. JS鼠标事件大全 JS鼠标事件有哪些

1、如图首先在一个文件夹下创建index.html文件。

E. js 判断鼠标是单击还是双击

<button onmousedown="abc();">test</button>
<script >
j=0;
function abc(){
clock=null;
j++;
if (j>=2){alert('dblclick');j=0;return 0}
clock= setTimeout(function(){if(j=1)alert("click");},150)

}
</script>

你凑活试下！多测试的话，这段代码会出问题！
setTimeout 和setInterval偶尔还是会出问题
所以最好是避免在同一个按钮上同时实现单击双击事件！其实很多时候都没这个必要！
如果你说的不同元素的话，onclick,ondblclick就行了！

F. 什么用javascript让一个对象同时监听鼠标单击和鼠标双击事件

<input name="test" id="test" type="button" onmouseup="c()" value="单双击测试"/>
注意不是onclick，是内onmouseup

var count = 0;
var timer ;
function c(){
count ++;
timer = window.setTimeout(function(){
if(count==1) alert("单击容");
else alert("双击");
window.clearTimeout(timer);
count=0;
},300)
}

G. 怎样处理JS中双击和单击事件冲突问题

原则上双击和单击是不可以共存的，因为两者之间是存在逻辑冲突的，双击是内由两次间隔容很短的单击组成的，这样的话，如果单击和双击都设定了事件响应，当发生单击时，系统并不能立刻判断这是一个单击事件还是一个双击事件的第一次单击，这样系统就会进入等待状态，在经历一段短暂的时间后如果没有再次单击就判定为单击事件，否则就是双击。不管最终结果是什么，都必定会对程序的运行造成影响（单击事件会出现延迟，而且很容易造成误判）。所以建议你不要同时设定对象的单击和双击事件，用了单击就不要再用双击，反之亦然，否则冲突是在所难免的！

H. JS中事件穿透深度剖析与多种解决方案

最近项目开发过程中，在ios环境下。双击（doubletap）上层元素（固定定位fix），偶尔会触发下层（瀑布流中）路由跳转。

经过部门老大指导，才了解到这个现象叫做“事件穿透”。再此俺决定研究下为什么？

电脑上一般是鼠标操作，即响应的是鼠标事件，包括mousedown、mouseup、mousemove和click事件。

在一次点击行为中，事件的触发过程为：mousedown -> mouseup -> click 三步。

由于手机上没有鼠标，所以就用触摸事件去实现类似的功能。touch事件包含touchstart、touchmove、touchend
注意手机上并没有tap事件。 一些库例如hamer.js、zepto.js 等等都是通过处理这些原生事件，来定义不同的手势以及tap事件。

在一次点击行为中，事件的触发过程为：touchstart -> touchmove -> touchend。

有人在PC和手机上对事件做了对比实验，以说明手机对touch事件相应速度快于mouse事件。touchstart --> mouseover(有的浏览器没有实现) --> mousemove(一次) -->mousedown --> mouseup --> click -->touchend。
浏览器在 touchend 之后会等待约 300ms ，如果没有 tap 行为，则触发 click 事件。而浏览器等待约 300ms 的原因是，判断用户是否是双击（double tap）行为，双击过程中就不适合触发 click 事件了。由此可以看出 click 事件触发代表一轮触摸事件的结束。

ps：此处偷一张图

跟局官网描述我们可以看出：触发路由跳转的事件默认为 click

移动端chromiun 和 iOS 9.3＋可以用 CSS 属性来阻止元素的双击缩放进而取消点击穿透的延迟：

首先引入库：

调用：

将层的固定定位“降”下来，和下面的router-link都在瀑布流内。
注：此方法只适合部分项目。

由于 click 事件的滞后性，在这段时间内原来点击的元素消失了，于是便“穿透”了。因此我们顺着这个思路就想到，可以给元素的消失做一个fade效果，类似jQuery里的fadeOut，并设置动画ration大于300ms，这样当延迟的 click 触发时，就不会“穿透”到下方的元素了。
同样的道理，不用延时动画，我们还可以动态地在触摸位置生成一个透明的元素，这样当上层元素消失而延迟的click来到时，它点击到的是那个透明的元素，也不会“穿透”到底下。在一定的timeout后再将生成的透明元素移除。

导航:首页 > 编程语言 > js判断双击

js判断双击

与js判断双击相关的资料

友情链接