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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 判断鼠标是单击还是双击相关的知识,希望对你有一定的参考价值。

参考技术A <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就行了!本回答被提问者和网友采纳

虚拟仿真Unity3D中实现鼠标的单击双击拖动的不同状态判断

推荐阅读

大家好,我是佛系工程师☆恬静的小魔龙☆,不定时更新Unity开发技巧,觉得有用记得一键三连哦。

一、前言

这篇文章分享一下虚拟仿真项目中经常碰到鼠标事件控制代码。

鼠标的事件有单击、双击、拖动。

接下来就来看一下如何区分有控制吧。

二、正文

新建脚本,命名为DoubleOnClick.cs,双击打开代码编辑代码:

using UnityEngine;
using System.Collections;
using DG.Tweening;
using System;
using UniRx;

public class DoubleOnClick: MonoBehaviour

    private Vector3 mousePosLast = Vector3.zero;//点击后的拖动位置
    private float timer;//点击后的时间计时
    private int clickCount;//点击次数
    
    void Update()
    
        DoubleOnClick();
    
    
    void DoubleOnClick()
    
        if (Input.GetMouseButtonDown(0))
        
            mousePosLast = Input.mousePosition;
            timer = 0;
            clickCount++;
        
        // 单击开始计时
        if (clickCount == 1) 
        
            timer += Time.deltaTime;
        
        // 双击直接判断
        if (clickCount == 2) 
        
            timer = 0;
            clickCount = 0;
            Debug.Log("双击");
        
        // 拖动(根据点击时间和滑动距离判断)
        if (timer > 0.2f && Vector3.Distance(Input.mousePosition, mousePosLast) > 0.01f)
        
            timer = 0;
            clickCount = 0;
            Debug.Log("拖动");
        
        // 单击
        else if (timer > 0.2f)
        
            timer = 0;
            clickCount = 0;
            Debug.Log("单击");
        
    

运行结果:

三、后记

今天分享了鼠标的单击、双击、拖动的鼠标事件监控和处理。

代码比较简单,还可以加入更多的控制,抛砖引玉,就交给读者来吧。


你的点赞就是对博主的支持,有问题记得留言:

博主主页有联系方式。

博主还有跟多宝藏文章等待你的发掘哦:

专栏方向简介
Unity3D开发小游戏小游戏开发教程分享一些使用Unity3D引擎开发的小游戏,分享一些制作小游戏的教程。
Unity3D从入门到进阶入门从自学Unity中获取灵感,总结从零开始学习Unity的路线,有C#和Unity的知识。
Unity3D之UGUIUGUIUnity的UI系统UGUI全解析,从UGUI的基础控件开始讲起,然后将UGUI的原理,UGUI的使用全面教学。
Unity3D之读取数据文件读取使用Unity3D读取txt文档、json文档、xml文档、csv文档、Excel文档。
Unity3D之数据集合数据集合数组集合:数组、List、字典、堆栈、链表等数据集合知识分享。
Unity3D之VR/AR(虚拟仿真)开发虚拟仿真总结博主工作常见的虚拟仿真需求进行案例讲解。
Unity3D之插件插件主要分享在Unity开发中用到的一些插件使用方法,插件介绍等
Unity3D之日常开发日常记录主要是博主日常开发中用到的,用到的方法技巧,开发思路,代码分享等
Unity3D之日常BUG日常记录记录在使用Unity3D编辑器开发项目过程中,遇到的BUG和坑,让后来人可以有些参考。

以上是关于js 判断鼠标是单击还是双击的主要内容,如果未能解决你的问题,请参考以下文章

在WPF中如何写鼠标双击事件

如何禁用鼠标双击事件

c# 为自定义控件添加鼠标双击事件

Java FX 鼠标事件

鼠标单击变双击怎么解决

JS 键盘回车和鼠标单击事件合并