दर्ज करें, इनपुट प्रकार संख्या

Question

पर चेंज ईवेंट पर मेरे पास इनपुट प्रकार संख्या है। मुझे पता है कि कुंजी दर्ज करते समय फ़ंक्शन को कॉल करने के लिए कैसे दबाया जाता है।

कृपया मेरे कोड पर एक नजर है:

<input type="number" class="new_num" value="0"> 
<input type="number" class="new_num_2" value="0"> 

<script> 
    $('.new_num').bind("enterKey",function(e) { 
     alert($(".new_num").val()); 
    }); 

    $('.new_num').keyup(function(e){ 
     if(e.keyCode == 13) 
     { 
      $(this).trigger("enterKey"); 
     } 
    }); 
</script> 

अब मैं जब उपयोगकर्ता सिर्फ संख्या के शीर्ष या नीचे तीर क्लिक करता है मूल्य सचेत करने के लिए, की जरूरत है। मैंने यह कोड लिखा, लेकिन यह काम नहीं किया:

$('.new_num').bind('keyup input', function(){ 
    $(this).trigger("enterKey"); 
}); 

कृपया मदद करें।

मुझे new_num_2 के लिए भी यही ऑपरेशन करने की आवश्यकता है। क्या मुझे कोड डुप्लिकेट करने की आवश्यकता है?

यदि उपयोगकर्ता मोबाइल डिवाइस का उपयोग कर रहा है तो मुझे क्या कोड लिखने की आवश्यकता है?

Answer 1

यह उदाहरण कंसोल में वर्तमान में केंद्रित इनपुट के मान को लॉग करता है। मैंने उन्हें एक ही class=new_num_2 दिया और उन्हें चुनने के लिए उपयोग किया। इस तरह आपको कोड को डुप्लिकेट करने की आवश्यकता नहीं है और new_num_2 के लिए यह वही ऑपरेशन करें।

मोबाइल के लिए मुझे लगता है कि आपको इनपुट के बाद button डालना चाहिए और बटन के क्लिक पर इस फ़ंक्शन को बाध्य करना चाहिए।

$('.new_num').on("focus", printValue); 
 

 
var printValue = function (inp){ 
 
    $(inp).bind("enterKey",function(e) { 
 
    console.log($(this).val()); 
 
    }); 
 
} 
 

 
$('.new_num').keyup(function(e){ 
 
    if(e.keyCode == 13){ 
 
    printValue(this); 
 
    $(this).trigger("enterKey"); 
 
    $(this).unbind("enterKey"); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="number" class="new_num" id="new_num_1" value="0"> 
 
<input type="number" class="new_num" id="new_num_2" value="0">