"इनपुट" घटना पर बैकस्पेस और डेल का पता लगाएं?

Question

यह कैसे करें?

मैंने कोशिश की:

var key = event.which || event.keyCode || event.charCode; 

if(key == 8) alert('backspace'); 

लेकिन यह काम नहीं करता ...

अगर मैं कुंजी दबाने घटना यह काम करता है पर एक ही है, लेकिन मैं क्योंकि यह कुंजी दबाने का उपयोग नहीं करना चाहते हैं मेरे इनपुट फ़ील्ड में टाइप किए गए चरित्र को आउटपुट करता है। मुझे लगता है कि

---

मेरे कोड को नियंत्रित करने में सक्षम होना चाहिए:

$('#content').bind('input', function(event){ 

    var text = $(this).val(), 
     key = event.which || event.keyCode || event.charCode; 

    if(key == 8){ 
     // here I want to ignore backspace and del 
    } 

    // here I'm doing my stuff 
    var new_text = 'bla bla'+text; 
    $(this).val(new_text); 
    }); 

कोई चरित्र मेरी इनपुट में संलग्न करना होगा, इसके अलावा मैं क्या वैल() वास्तव में से इनपुट के साथ जोड़ रहा उपयोगकर्ता को पूरी तरह से अनदेखा किया जाना चाहिए, केवल मेरे लिए महत्वपूर्ण दबाव कार्रवाई महत्वपूर्ण है

Answer 1

.onkeydown का उपयोग करें और return false; के साथ हटाने को रद्द करें। इस तरह:

var input = document.getElementById('myInput'); 

input.onkeydown = function() { 
    var key = event.keyCode || event.charCode; 

    if(key == 8 || key == 46) 
     return false; 
}; 

---

या jQuery के साथ, क्योंकि आप अपने प्रश्न के लिए एक jQuery टैग जोड़ा:

jQuery(function($) { 
    var input = $('#myInput'); 
    input.on('keydown', function() { 
    var key = event.keyCode || event.charCode; 

    if(key == 8 || key == 46) 
     return false; 
    }); 
}); 

Answer 2

क्या आपने 'ऑनकीडाउन' का उपयोग करने का प्रयास किया है? यह वह घटना है जिसे आप ढूंढ रहे हैं।

यह इनपुट डालने से पहले संचालित होता है और आपको चार इनपुट रद्द करने की अनुमति देता है।

Answer 3

jQuery

event.which साथ

संपत्ति event.keyCode और event.charCode को सामान्यीकृत करती है। ईवेंट देखने के लिए अनुशंसा की जाती है। कीबोर्ड कुंजी इनपुट के लिए।

http://api.jquery.com/event.which/

jQuery('#input').on('keydown', function(e) { 
    if(e.which == 8 || e.which == 46) return false; 
}); 

Answer 4

$('div[contenteditable]').keydown(function(e) { 
// trap the return key being pressed 
if (e.keyCode === 13 || e.keyCode === 8) 
{ 
    return false; 
} 
}); 

Answer 5

event.key === "बैकस्पेस"

अधिक हाल ही में और अधिक स्वच्छ: event.key का उपयोग करें। कोई मनमाना संख्या कोड नहीं!

input.addEventListener('keydown', function(event) { 
    const key = event.key; // const {key} = event; ES6+ 
    if (key === "Backspace" || key === "Delete") { 
     return false; 
    } 
}); 

Mozilla Docs

Supported Browsers

Answer 6

keydownevent.key === "Backspace" or "Delete"

अधिक हाल ही में और अधिक स्वच्छ साथ: event.key का उपयोग करें। कोई मनमाना संख्या कोड नहीं!

input.addEventListener('keydown', function(event) { 
    const key = event.key; // const {key} = event; ES6+ 
    if (key === "Backspace" || key === "Delete") { 
     return false; 
    } 
}); 

Mozilla Docs

Supported Browsers