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

HTML5 Canvas पर keydown के लिए addEventListener

Canvas पर कीबोर्ड इवेंट्स

Canvas एलिमेंट पर addEventListener के लिए tabindex एट्रिब्यूट का उपयोग करें:

var myTarget, myCanvas;
window.onload = function() {
    myCanvas = document.getElementById('canvas');
    document.addEventListener('mousedown', function(event) {
        myTarget = event.target;
        alert('This is mousedown event.');
    }, false);
    
    document.addEventListener('keydown', function(event) {
        if(myTarget == myCanvas) {
            alert('This is keydown event.');
        }
    }, false);
}

tabindex एट्रिब्यूट Canvas को फोकस करने योग्य बनाता है, जिससे कीबोर्ड इवेंट्स प्राप्त हो सकते हैं।

  1. HTML5 के लिए W3C मार्कअप वैलिडेटर HTML5 के लिए W3C मार्कअप वैलिडेटर

    W3C मार्कअप वैलिडेटर HTML, XHTML, SMIL, MathML आदि में वेब दस्तावेज़ों की मार्कअप वैधता की जांच करता है। यह वैलिडेटर यूनिकॉर्न का हिस्सा है, जो W3C की एकीकृत वैलिडेटर सेवा है। HTML5 के लिए इस वैलिडेटर का उपयोग करने के लिए, आपको More Options का उपयोग करना होगा और Document Type के रूप में HTML5 का चय

  1. HTML5 में Canvas के लिए फ्री लाइब्रेरीज़ कौन सी हैं? HTML5 में Canvas के लिए फ्री लाइब्रेरीज़ कौन सी हैं?

    यदि आपको अपनी वेबसाइट पर इंटरैक्टिव एलिमेंट्स जोड़ने की आवश्यकता है, तो Canvas के लिए फ्री लाइब्रेरीज़ आपका काम आसान कर सकती हैं। पहले, आइए चर्चा करें कि HTML5 में Canvas कैसे बनाएं। HTML <canvas> टैग का उपयोग स्क्रिप्टिंग का उपयोग करके ग्राफिक्स, एनिमेशन आदि ड्रा करने के लिए किया जाता है। <

  1. - HTML5 कैनवास पर मल्टीपल क्लिक इवेंट का उपयोग कैसे करें?

    जब कैनवास पर एक सर्कल ड्रॉ किया जाता है और हम आधे पर लाल रंग और सर्कल के एक हिस्से पर ग्रे रंग डालते हैं, तो लाल रंग पर क्लिक करने पर हम function1 को कॉल करते हैं। ग्रे भाग पर क्लिक करने पर, function 2 को कॉल किया जाता है और हमें विभिन्न भागों को स्टोर करने के लिए पुन: प्रयोज्य पथ ऑब्जेक्ट्स का उपय