जावास्क्रिप्ट बाइंड कीप/डाउन इवेंट

मैं कुंजी डाउन/अप ईवेंट में फ़ंक्शन कैसे बांधूं?जावास्क्रिप्ट बाइंड कीप/डाउन इवेंट

इसे या तो पूरे दस्तावेज़ या एक तत्व से जोड़ा जा सकता है, या तो इस मामले में काम करेगा।

यह किसी भी जावास्क्रिप्ट पुस्तकालय के बिना होना चाहिए। मैं केवल मुख्य रूप से नवीनतम फ़ायरफ़ॉक्स से चिंतित हूं। विशेष रूप से कैनवास तत्व। दस्तावेज़ और तत्वों है कि फोकस प्राप्त हो सकता है पर (एफएफ 3.6.9 विंडोज 7) केवल

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
    <head> 
     <title>Test</title> 
    </head> 
    <body> 
     <div class="wrapper"> 
      <canvas id="game" width="800" height="400"> 
      </canvas> 
     </div> 
     <script type="text/javascript"> 
      var el = document.getElementById("game"); 

      el.onkeydown = function(evt) { 
       evt = evt || window.event; 
       alert("keydown: " + evt.keyCode); 
      }; 

      el.onkeyup = function(evt) { 
       evt = evt || window.event; 
       alert("keyup: " + evt.keyCode); 
      }; 
     </script> 
    </body> 
</html>

स्रोत

2010-09-11 Petah

प्रमुख घटनाओं आग:

Ive यह कोशिश की। इसलिए <canvas> तत्व पर महत्वपूर्ण घटनाओं को संभालने के लिए, आपको या तो tabindex विशेषता (उदाहरण के लिए <canvas id="game" width="800" height="400" tabindex="1"></canvas>) जोड़कर या पूरे दस्तावेज़ के लिए महत्वपूर्ण घटनाओं को संभालने से फ़ोकस प्राप्त करने की अनुमति देने की आवश्यकता है, जो कि आप जो चाहते हैं वह हो सकता है (उदाहरण के लिए, यदि आपके पास उस पृष्ठ पर एक से अधिक तत्व हैं जिसके लिए आप महत्वपूर्ण घटनाओं को संभालना चाहते हैं)। = 8

var el = document.getElementById("your_element_id"); 

el.onkeydown = function(evt) { 
    evt = evt || window.event; 
    alert("keydown: " + evt.keyCode); 
}; 

el.onkeyup = function(evt) { 
    evt = evt || window.event; 
    alert("keyup: " + evt.keyCode); 
};

आप एक से अधिक श्रोताओं की आवश्यकता हो सकती हैं, तो आप IE < में सबसे ब्राउज़रों में addEventListener या attachEvent उपयोग कर सकते हैं:

कैसे ईवेंट हैंडलर्स संलग्न करने के लिए के रूप में, सबसे आसान तरीका निम्न है

if (typeof el.addEventListener != "undefined") { 
    el.addEventListener("keydown", function(evt) { 
     alert("keydown: " + evt.keyCode); 
    }, false); 
} else if (typeof el.attachEvent != "undefined") { 
    el.attachEvent("onkeydown", function(evt) { 
     alert("keydown: " + evt.keyCode); 
    }); 
}

स्रोत

2010-09-11 12:09:14

मुझे यह काम नहीं मिल सका, – Petah

संपादित करें ऐसा इसलिए है क्योंकि '

ठीक है, यह दस्तावेज़ को सौंपा गया है जब यह काम करता है। – Petah

जावास्क्रिप्ट बाइंड कीप/डाउन इवेंट

उत्तर

संबंधित मुद्दे