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

जावास्क्रिप्ट में तीर कुंजी प्रेस का पता लगाना?

<घंटा/>

तीर कुंजी को दबाए जाने पर उसका पता लगाने के लिए, जावास्क्रिप्ट में ऑनकीडाउन का उपयोग करें।

बटन में कुंजी कोड है। जैसा कि आप जानते हैं कि लेफ्ट एरो की का कोड 37 होता है। अप एरो की का कोड 38 और राइट में 39 और डाउन में 40 होता है।

उदाहरण

निम्नलिखित कोड है -

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
</head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<body>
</body>
<script>
   document.onkeydown = function (event) {
      switch (event.keyCode) {
         case 37:
            console.log("Left key is pressed.");
            break;
         case 38:
            console.log("Up key is pressed.");
            break;
         case 39:
            console.log("Right key is pressed.");
            break;
         case 40:
            console.log("Down key is pressed.");
            break;
      }
   };
</script>
</html>

उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल का नाम anyName.html(index.html) सेव करें। फ़ाइल पर राइट क्लिक करें और वीएस कोड संपादक में "लाइव सर्वर के साथ खोलें" विकल्प चुनें।

आउटपुट

यहां, मैंने अप एरो की को दबाया है। यह कंसोल पर निम्न आउटपुट उत्पन्न करेगा -

जावास्क्रिप्ट में तीर कुंजी प्रेस का पता लगाना?


  1. जावास्क्रिप्ट में मोटा तीर कार्य करता है

    फैट एरो फंक्शन सिंटैक्स निम्न जैसा दिखता है - { } पैरामीटर और फ़ंक्शन बॉडी के बीच है। जावास्क्रिप्ट में फैट एरो फंक्शन को लागू करने वाला कोड निम्नलिखित है - उदाहरण दस्तावेज़ बॉडी { फॉन्ट-फ़ैमिली:सेगो यूआई, ताहोमा, जिनेवा, वर्दाना, सेन्स-सेरिफ़; } .result{ फ़ॉन्ट-आकार:20px; फ़ॉन्ट-वजन:500; रंग:नीला

  1. कैसे पता करें कि जावास्क्रिप्ट में कौन सी वर्ण कुंजी दबाई गई है?

    यह पता लगाने के लिए कि कौन से अक्षर कुंजी दबाई गई है, keyCode के साथ window.event का उपयोग करें। निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width

  1. जावास्क्रिप्ट में कुंजी प्रेस घटना दर्ज करें?

    ENTER की प्रेस इवेंट के लिए, आप − . पर एक फंक्शन कॉल कर सकते हैं onkeypress=”yourFunctionName” ENTER के कीकोड 13 का प्रयोग करें। उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=&