ইনপুট টাইপ = "সংখ্যা"

Question 1

আমি কীভাবে একটি বিনিময় পরিচালনা করতে পারি <input type="number" id="n" value="5" step=".5" />? আমি একটি keyupবা করতে পারি না keydown, কারণ, ব্যবহারকারীটি মান পরিবর্তন করতে কেবল তীরগুলি ব্যবহার করতে পারে। আমি যখনই এটি পরিবর্তন করি তখনই এটি পরিচালনা করতে চাই, কেবল অস্পষ্টতার সাথে নয়, যা আমি মনে করি .change()ইভেন্টটি করে। কোন ধারনা?

Question 2

মাউসআপ এবং কীআপ ব্যবহার করুন

$(":input").bind('keyup mouseup', function () {
    alert("changed");            
});

http://jsfiddle.net/XezmB/2/

Question 3

oninputইভেন্টটি ( .bind('input', fn)) তীর ক্লিক এবং কীবোর্ড / মাউস পেস্ট কীস্ট্রোকগুলিকে থেকে কোনো পরিবর্তন জুড়ে, কিন্তু ইন্টারনেট <9 সমর্থিত নয়।

jQuery(function($) {
  $('#mirror').text($('#alice').val());

  $('#alice').on('input', function() {
    $('#mirror').text($('#alice').val());
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input id="alice" type="number" step="any" value="99">

<p id="mirror"></p>

স্নিপেট প্রসারিত করুন

Question 4

http://jsfiddle.net/XezmB/8/

$(":input").bind('keyup change click', function (e) {
    if (! $(this).data("previousValue") || 
           $(this).data("previousValue") != $(this).val()
       )
   {
        console.log("changed");           
        $(this).data("previousValue", $(this).val());
   }

});


$(":input").each(function () {
    $(this).data("previousValue", $(this).val());
});

এটি কিছুটা ঘেটো, তবে আপনি যখন ইনপুটের সামান্য তীরগুলির মাধ্যমে বর্ধন / হ্রাসের জন্য মাউসটি ব্যবহার করেন তখন যে ইভেন্টটি চালিত হয় সেগুলি ধরতে আপনি "ক্লিক" ইভেন্টটি ব্যবহার করতে পারেন। আপনি দেখতে পাচ্ছেন যে আমি কীভাবে একটি সামান্য ম্যানুয়াল "চেঞ্জ চেক" রুটিন তৈরি করেছি যা নিশ্চিত করে যে আপনার যুক্তিটি চলবে না যদি না মানটি পরিবর্তিত হয় (ক্ষেত্রের সাধারণ ক্লিকগুলি থেকে মিথ্যা ইতিবাচক প্রতিরোধ করতে)।

Question 5

মাউস বা কী চাপলে কখন তা সনাক্ত করতে, আপনি এগুলিও লিখতে পারেন:

$(document).on('keyup mouseup', '#your-id', function() {                                                                                                                     
  console.log('changed');
});

Question 6

$(':input').bind('click keyup', function(){
    // do stuff
});

ডেমো: http://jsfiddle.net/X8cV3/

Question 7

কারণ $("input[type='number']")ইন্টারনেট কাজ করে না, আমরা একটি বর্গ নাম অথবা আইডি, উদাহরণস্বরূপ ব্যবহার করা উচিত $('.input_quantity')।

এবং .bind()পদ্ধতি ব্যবহার করবেন না । .on()পদ্ধতি দস্তাবেজে ইভেন্ট হ্যান্ডলার সংযোজনের জন্য পছন্দের পদ্ধতি।

সুতরাং, আমার সংস্করণটি হ'ল:

এইচটিএমএল

<input type="number" value="5" step=".5" min="1" max="999" id="txt_quantity" name="txt_quantity" class="input_quantity">

jQuery

<script>
$(document).ready(function(){
    $('.input_quantity').on('change keyup', function() {
        console.log('nice');
    }); 
});
</script>

Question 8

এর চেয়ে ভাল সমাধান হতে পারে তবে এটিই মনে পড়ে:

var value = $("#yourInput").val();
$("#yourInput").on('keyup change click', function () {
    if(this.value !== value) {
        value = this.value;
        //Do stuff
    }        
});

এখানে একটি কাজের উদাহরণ ।

এটা শুধু একটি ইভেন্ট হ্যান্ডলার binds keyup, changeএবং clickইভেন্ট নেই। এটি মানটি পরিবর্তন হয়েছে কিনা তা যাচাই করে এবং যদি তাই হয় তবে বর্তমান মানটি সংরক্ষণ করে তাই এটি পরের বার আবার চেক করতে পারে। clickইভেন্টটি মোকাবেলা করার জন্য চেক প্রয়োজন ।

Question 9

$("input[type='number']").bind("focus", function() {
    var value = $(this).val();
    $(this).bind("blur", function() {
        if(value != $(this).val()) {
            alert("Value changed");
        }
        $(this).unbind("blur");
    });
});

বা

$("input[type='number']").bind("input", function() {
    alert("Value changed");
});

Question 10

<input type="number" id="n" value="0" step=".5" />
<input type="hidden" id="v" value = "0"/>

<script>
$("#n").bind('keyup mouseup', function () {
    var current = $("#n").val();
    var prevData = $("#v").val(); 
    if(current > prevData || current < prevData){
       $("#v").val(current);
       var newv = $("#v").val(); 
       alert(newv);
    } 
});  
</script>

http://jsfiddle.net/patrickrobles53/s10wLjL3/

পূর্বের মানটির ধারক হওয়ার জন্য আমি একটি লুকানো ইনপুট টাইপ ব্যবহার করেছি যা পরবর্তী পরিবর্তনের সাথে তুলনার জন্য প্রয়োজনীয় হবে।

Question 11

আমার একই সমস্যা ছিল এবং আমি এই কোডটি ব্যবহার করে সমাধান করেছি

এইচটিএমএল

<span id="current"></span><br>
<input type="number" id="n" value="5" step=".5" />

আপনি মাত্র 3 টি প্রথম লাইন যুক্ত করতে পারেন অন্য অংশগুলি alচ্ছিক।

$('#n').on('change paste', function () {
    $("#current").html($(this).val())   
});
// here when click on spinner to change value, call trigger change
$(".input-group-btn-vertical").click(function () {
   $("#n").trigger("change");
});
// you can use this to block characters non numeric
$("#n").keydown(function (e) {
    // Allow: backspace, delete, tab, escape, enter and .
    if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110, 190]) !== -1 || (e.keyCode === 65 && e.ctrlKey === true) || (e.keyCode >= 35 && e.keyCode <= 40)) 
           return;

    if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) 
       e.preventDefault();
});

এখানে উদাহরণ: http://jsfiddle.net/XezmB/1303/