问题描述：

javascript中，onclick为单击事件，ondblclick为双击事件，在同一DOM 对象上加上单击事件和双击事件时，双击会触发两次单击事件。

解决方法：

通过设置两次点击事件的间隔时间(setTimeout 方法)，来实现双击、单击事件并存。

单击后不立刻执行相关的代码，而是让其延时执行（比如：200ms），如果随后发生了双击事件，则取消延时执行的方法，只执行双击事件方法。

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <!--<script src="https://cdn.bootcss.com/jquery/3.2.0/jquery.min.js"></script>-->
    <title>单双击事件测试</title>
</head>
<body>
<button onclick="test()" ondblclick="dbclick()">测试</button>
</body>

<script>
    var timeId;
    function test() {
        clearTimeout(timeId);
        timeId = setTimeout(function () {
            console.log("单击");
        }, 250);
    }
    function dbclick() {
        clearTimeout(timeId);
        console.log("双击");
    }
</script>
</html>

 

Logo
AI Agent技术社区

Agent 垂直技术社区，欢迎活跃、内容共建。

更多推荐

【免费下载】 index-tts-vllm：高性能文本转语音解决方案

`index-tts-vllm` 是一款开源的文本转语音（TTS）项目，基于 `index-tts` 进行了优化，通过引入 `vllm` 库重新实现了 GPT 模型的推理过程，大幅提升了推理速度和并发处理能力。项目旨在为开发者提供一个高效、稳定、易于集成的 TTS 解决方案。## 项目技术分析`index-tts-vllm` 采用了以下核心技术：- **vllm 库**：用于加速 GP

avatar AI Agent技术社区

AgentScope示例应用：多智能体对话

在人工智能快速发展的今天，单一智能体已经难以满足复杂任务的需求。想象一下这样的场景：一个项目团队需要讨论技术方案，不同专业背景的成员各抒己见，最终达成共识。这正是多智能体对话要解决的问题——让多个AI智能体像真实团队成员一样进行有意义的交流。AgentScope作为面向开发者的多智能体编程框架，提供了强大的多智能体对话能力。本文将深入探讨如何使用AgentScope构建高效的多智能体对话系统。..

avatar AI Agent技术社区
cover

2025年8月SCI-炭黑四角蜂优化算法 Tetragonula carbonaria Optimization Algorithm-附Matlab免费代码

avatar AI Agent技术社区