কোনও <ইনপুট টাইপ = "নাম্বার" /> এর মান পরিবর্তন হলে কোন ইভেন্টগুলিতে আগুন লাগবে?


95

এইচটিএমএল 5 <input type="number" />উপাদান যখন উপরের / নীচে তীরগুলি ক্লিক করা হয় তখন কী ঘটেছিল তা কি কেউ জানে কিনা তা কেবল ভাবছেন :

উদাহরণ নম্বর ইনপুট

onblurফোকাস ইনপুট ক্ষেত্রটি ছেড়ে যাওয়ার জন্য আমি ইতিমধ্যে একটি ব্যবহার করছি ।


এটি মনে হচ্ছে ক্রোম স্ট্যাকওভারফ্লো
ওরিওল জিমনেজ

উত্তর:


75

change ক্ষেত্রের মান পরিবর্তন হওয়ার পরে বরখাস্ত হওয়া ইভেন্টটি হবে।

আমি মনে করি এইচটিএমএল 5 ইভেন্টটিও inputআগুন লাগবে।


37
কেবল oninputতখন 'আপ' এবং 'ডাউন' তীরগুলি ক্লিক করলে গুলি করা হয় fired
এন 1.1

4
তবে ফায়ার ফক্সে কমপক্ষে ঝাপটায় আগুন জ্বলছে। আমি অনুমান করি আমাদের কী প্রেসগুলি সন্ধান করতে হবে।
andho

অনাঞ্চল এবং অনিনপুট দুজনেই অপেরাতে কাজ করেছিল, তবে কেবল অনিনপুট ক্রোমে কাজ করবে (এবং কেবল তখনই যখন আমি ইভেন্ট-হ্যান্ডলার থেকে মিথ্যা প্রত্যাবর্তন করি - অন্যথায় ক্রোম বারবার অনিনপুট ইভেন্টটি চালিত করে)
ইয়ান অক্সলে

4
changeমানটি টাইপ করা হলে আগুন জ্বলে না, কেবল তখনই বোতামগুলি ক্লিক করা হয় (কমপক্ষে ফায়ারফক্সে)।
টিএমএমএম

4
inputএর মধ্যে একটি লয় মত হলkeyup change
থান Trung

37

আমি দেখতে পেলাম যে jQuery এর জন্য নীচের কোডগুলি কীবোর্ড ইনপুট, ক্রোমে মাউসহিল পরিবর্তন এবং বোতামের ক্লিকগুলি এবং ফায়ারফক্সে কীবোর্ড ইনপুট পরিচালনা করেছে

$("input[type=number]").bind('keyup input', function(){
    // handle event
});

4
এতেও 'পরিবর্তন' যুক্ত করুন এবং এটি নিখুঁত। আপনি এখনও এটিতে বাহ্যিক পরিবর্তনগুলি শুনতে চাইবেন এবং যাইহোক এটি যুক্ত করার কোনও ক্ষতি নেই।
ম্যাট ফ্লেচার

আপনি যদি ইনপুট ফিল্ডের অভ্যন্তরে স্ক্রোল ইভেন্টগুলিতে নিতে চান তবে 'মাউসওয়েল'।
ম্যাট ফ্লেচার

4
নোট যে .bind()এখন .on()
মাইকেল হেইস

7

আমি এটি ক্রোম 19-এ পেয়েছি onkeyupএবং onchangeসমস্ত কিছু coveredেকে রেখেছি This এটি বোতামগুলিতে ক্লিক করে এবং মাউসওহলটি স্ক্রোল করে, সরাসরি তীর কীপ্রেসকে উপরে সরাসরি ইনপুট পরিচালনা করে।

onchangeকেবলমাত্র ক্রোমেই যথেষ্ট হবে, তবে অন্যান্য ব্রাউজারগুলিতে কেবল ক্ষেত্রটি একটি পাঠ্য বাক্স হিসাবে রেন্ডার করে onkeyupবাইন্ডিংয়ের প্রয়োজন , যা নতুন মানটি পড়তে নিখুঁতভাবে কাজ করে।

mousewheelইভেন্টটি আলাদাভাবে বাঁধাই কম সফল হয়েছিল। ক্ষেত্রের মান আপডেট হওয়ার আগে - ইভেন্টটি খুব তাড়াতাড়ি বরখাস্ত হয়েছিল - এবং তাই সর্বদা ক্ষেত্রের পূর্বের মান দিয়েছিল


এটি ফায়ারফক্সের ক্ষেত্রেও সত্য।
বারফুইন

5

onchangeদাগ এর ইভেন্টে দাবানল কিন্তু oninputঘটনা দাবানল আপনি টাইপ হিসাবে। সম্ভবত আপনি oninputইভেন্টটিতে একটি টাইমার লাগিয়ে রাখতে এবং onchangeব্যবহারকারী যখন দ্বিতীয় মুহুর্তের জন্য টাইপ করা বন্ধ করে দিয়েছেন তখন আপনার ইভেন্টটি ফায়ার করতে চান ?


আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.