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

जावास्क्रिप्ट में कीप्रेस डिटेक्ट करने का सबसे सरल तरीका

जावास्क्रिप्ट में कीप्रेस डिटेक्ट करने का सबसे आसान तरीका, onKeyPress इवेंट हैंडलर का उपयोग करें -

document.onkeypress

की प्रेस का मिलान keyCode प्रॉपर्टी से किया जाता है, जो onkeypress इवेंट को ट्रिगर करने वाली कुंजी के यूनिकोड कैरेक्टर कोड को लौटाता है।

उदाहरण

 

     Document        

उपरोक्त प्रोग्राम चलाने के लिए, फ़ाइल का नाम "anyName.html(index.html)" से सेव करें और फ़ाइल पर राइट-क्लिक करें। VS कोड एडिटर में "Open with Live Server" विकल्प चुनें।

आउटपुट

यह निम्नलिखित आउटपुट देगा -

केस 1 - ENTER कुंजी दबाने पर, आपको कंसोल पर निम्नलिखित आउटपुट मिलेगा।

जावास्क्रिप्ट में कीप्रेस डिटेक्ट करने का सबसे सरल तरीका

केस 2 - जब आप ENTER के अलावा कोई अन्य कुंजी दबाते हैं, उदाहरण के लिए अक्षर g, तो वही कंसोल पर दिखाई देगा -

जावास्क्रिप्ट में कीप्रेस डिटेक्ट करने का सबसे सरल तरीका


  1. जावास्क्रिप्ट में टेक्स्ट इनपुट फील्ड में ENTER की डिटेक्ट करना जावास्क्रिप्ट में टेक्स्ट इनपुट फील्ड में ENTER की डिटेक्ट करना

    आप ENTER की के लिए keyCode 13 का उपयोग कर सकते हैं। आइए पहले इनपुट बनाएं -अब, ENTER की डिटेक्ट करने के लिए keyCode के साथ on() का उपयोग करें। पूरा कोड निम्नलिखित है -उदाहरण  Document $(#txtInput).on(keyup, function (event) { if (event.keyCode === 13) { console.log(Enter key pressed!!

  1. JavaScript में एंटर की प्रेस इवेंट कैसे हैंडल करें? JavaScript में एंटर की प्रेस इवेंट कैसे हैंडल करें?

    उदाहरण onkeypress इवेंट और keyCode 13 से एंटर की डिटेक्ट करें। <!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> <body> <input

  1. JavaScript में एरो की प्रेस डिटेक्ट करना JavaScript में एरो की प्रेस डिटेक्ट करना

    जब एरो की दबाई जाती है तो इसे डिटेक्ट करने के लिए, JavaScript में onkeydown का उपयोग करें।बटन का की कोड होता है। जैसा कि आप जानते हैं लेफ्ट एरो की का कोड 37 है। अप एरो की का कोड 38 है और राइट का 39 और डाउन का 40।उदाहरणकोड निम्न है:<!DOCTYPE html> <html lang=en> <head>