Home > Web Front-end > JS Tutorial > JavaScript study notes (6) Delay triggering to prevent onDbClick from triggering the onClick event

JavaScript study notes (6) Delay triggering to prevent onDbClick from triggering the onClick event

黄舟
Release: 2016-12-19 17:36:24
Original
1721 people have browsed it

By default, the click event is triggered when a double-click event occurs, but sometimes this is not what we want. So how can we block the triggering of the click event when double-clicking? There is a method of delaying execution circulating on the Internet. The general idea is as follows:
1. Declare a global timer variable such as: clickTimer
2. Set a timer in the agent click event. The real click event processing is triggered after 220 milliseconds by default. Function
3. Judge the timer variable in the double-click event. If the variable is not NULL, it means that the click event was triggered before the double-click event was triggered. Cancel the timer because the real click event processing function is after 220 milliseconds. will be triggered, so if the timer ends at this time, the actual click event processing function will not be executed.

Attached code:
1var timerClick=null;
2//Click event proxy
3function _onNodeClick(id){
4 //onNodeClick is the real click event processing function
5 timerClick=window.setTimeout(" onNodeClick('"+id+"')",220);
6 }
7//Double-click event handling function
8function _onNodeDbClick(id){
9 if(timerClick){
10 window.clearTimeout(timerClick);
11 }
12}

The above is the content of delaying triggering to prevent onDbClick from triggering the onClick event. For more related content, please pay attention to the PHP Chinese website (m.sbmmt.com)

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template