Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

वेनिला JavaScript से डबल क्लिक्स का पता कैसे लगाएं

JavaScript से डबल क्लिक्स का पता लगाने के लिए आप इवेंट लिसनर dblclick का उपयोग कर सकते हैं।

नीचे दिए गए उदाहरण में हम window ऑब्जेक्ट पर डबल क्लिक्स को सुनते हैं, जिसका अर्थ है कि यदि आप अपने वेबपेज में कहीं भी अपने माउस से तेजी से डबल क्लिक करते हैं, तो इसका पता चल जाता है:

window.addEventListener("dblclick", event => { 
  console.log("Double-click detected") 
  // Double-click detected 
})

आप dblclick इवेंट लिसनर को एक DOM एलिमेंट से भी जोड़ सकते हैं, जैसे बटन:

<button id="button">Double click me!</button>
const button = document.getElementById("button") 
button.addEventListener("dblclick", event => { 
  console.log("Double-click detected") 
  // Double-click detected 
})

dblclick इवेंट डेस्कटॉप/लैपटॉप के लिए सभी आधुनिक ब्राउज़र्स में सपोर्टेड है, यहां तक कि Internet Explorer 11 में भी।

दुर्भाग्य से, यह अभी तक सभी मोबाइल डिवाइसेज पर सपोर्टेड नहीं है। Mozilla की कम्पैटिबिलिटी टेबल अवलोकन देखें।

  1. JavaScript से ब्राउज़र ऑनलाइन है या ऑफलाइन कैसे पता करें? JavaScript से ब्राउज़र ऑनलाइन है या ऑफलाइन कैसे पता करें?

    JavaScript से यह पता लगाने के लिए कि ब्राउज़र ऑनलाइन है या ऑफलाइन, निम्न कोड का उपयोग करें: उदाहरण <!DOCTYPE html> <html> <body> <h1>Online or offline with JavaScript example</h1> <h2>Click the button below to check if you are online or not</h2> <button o

  1. JavaScript का उपयोग करके कैसे जांचें कि बटन क्लिक किया गया है? JavaScript का उपयोग करके कैसे जांचें कि बटन क्लिक किया गया है?

    JavaScript का उपयोग करके जांचने का कोड कि बटन क्लिक किया गया है या नहीं:उदाहरण<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>B

  1. JavaScript से स्क्रीन रेजोल्यूशन कैसे पता करें? JavaScript से स्क्रीन रेजोल्यूशन कैसे पता करें?

    उदाहरण स्क्रीन रेजोल्यूशन जानने के लिए window.screen ऑब्जेक्ट का उपयोग करें। // चौड़ाई के लिए window.screen.availWidth // ऊंचाई के लिए window.screen.availHeight पूरा कोड: <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=devic