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

Question 1

उसको कैसे करे?

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

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);
  });

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

Question 2

.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;
  });
});

Question 3

JQuery के साथ

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

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

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

Question 4

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

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

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

मोज़िला डॉक्स

ब्राउज़रों का समर्थन किया

Question 5

क्या आपने 'onkeydown' का उपयोग करने की कोशिश की है? यह वह घटना है जिसकी आप तलाश कर रहे हैं।

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

Question 6

यह एक पुराना सवाल है, लेकिन अगर आप इनपुट पर बैकस्पेस इवेंट को पकड़ना चाहते हैं, और कीडडाउन, की-वर्ड या की-अप नहीं है - जैसा कि मैंने देखा है कि इनमें से किसी भी एक कार्य को मैंने लिखा है और स्वचालित टेक्स्ट फ़ॉर्मेटिंग के साथ अजीब देरी का कारण बनता है। -आप इनपुट का उपयोग कर एक बैकस्पेस को पकड़ सकते हैं

document.getElementsByTagName('input')[0].addEventListener('input', function(e) {
    if (e.inputType == "deleteContentBackward") {
        // your code here
    }
});

Question 7

`keydown` साथ में `event.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;
    }
});

आधुनिक शैली:

input.addEventListener('keydown', ({key}) => {
    if (["Backspace", "Delete"].includes(key)) {
        return false
    }
})

मोज़िला डॉक्स

ब्राउज़रों का समर्थन किया

Question 8

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

Question 9

//Here's one example, not sure what your application is but here is a relevant and likely application 
function addDashesOnKeyUp()
{
    var tb = document.getElementById("tb1"); 
    var key = event.which || event.keyCode || event.charCode;

    if((tb.value.length ==3 || tb.value.length ==7 )&& (key !=8) ) 
    {
        tb.value += "-"
    } 
}

Question 10

क्रोम का उपयोग करने वाले Android उपकरणों पर हम एक बैकस्पेस का पता नहीं लगा सकते हैं। आप इसके लिए वर्कअराउंड का उपयोग कर सकते हैं:

var oldInput = '',
    newInput = '';

 $("#ID").keyup(function () {
  newInput = $('#ID').val();
   if(newInput.length < oldInput.length){
      //backspace pressed
   }
   oldInput = newInput;
 })

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

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

keydown साथ में event.key === "Backspace" or "Delete"

`keydown` साथ में `event.key === "Backspace" or "Delete"`