কীভাবে আমি কীওয়ারি পেতে পারি? ওয়াল () কীপ্রেস ইভেন্টের পরে?

Question 1

আমি পেয়েছি:

$(someTextInputField).keypress(function() {
  alert($(this).val());
});

এখন সতর্কতা সর্বদা কিপ্রেসের আগে মানটি ফেরত দেয় (যেমন ক্ষেত্রটি খালি থাকে, আমি 'a' টাইপ করি এবং সতর্কতা আমাকে দেয় '' তারপরে আমি 'বি' টাইপ করি এবং সতর্কতা আমাকে 'একটি' দেয় ...)। তবে আমি কীটিপ্রেসের পরে মানটি চাই - আমি কীভাবে এটি করতে পারি?

পটভূমি: পাঠ্য ক্ষেত্রে কমপক্ষে একটি অক্ষর থাকা মাত্রই আমি একটি বোতাম সক্ষম করতে চাই। সুতরাং আমি প্রতিটি কিপ্রেস ইভেন্টে এই পরীক্ষাটি চালিত করি, তবে প্রত্যাবর্তিত ভ্যাল () ব্যবহার করে ফলাফলটি সর্বদা এক ধাপ পিছনে থাকে। পরিবর্তন () ইভেন্টটি ব্যবহার করা আমার পক্ষে কোনও বিকল্প নয় কারণ আপনি পাঠ্য বাক্সটি না ছেড়ে দেওয়া পর্যন্ত বোতামটি অক্ষম থাকবে। যদি এর থেকে আরও ভাল উপায় থাকে তবে এটি শুনে আমি আনন্দিত!

Question 2

এতে পরিবর্তন keypressকরুন keyup:

$(someTextInputField).on("keyup", function() {
  alert($(this).val());
});

keypressচাবিটি নীচে keyupচাপলে চালিত হয়, কীটি প্রকাশিত হলে তা বহিস্কার করা হয়।

Question 3

অবাক করে দিয়ে কেউ জেএস "ইনপুট" ইভেন্টের উল্লেখ করেনি:

$(someTextInputField).on('input', function() {
  alert($(this).val());
});

প্রস্তাবিত

https://developer.mozilla.org/en-US/docs/Web/Events/input

Question 4

কিপ্রেসের পরিবর্তে, কীআপ ব্যবহার করুন ।

Question 5

বিকল্পভাবে, আপনি 0 টাইমআউট সহ কীডাউন ইভেন্টটি ব্যবহার করতে পারেন।

এইভাবে, পরিবর্তনগুলি তাত্ক্ষণিকভাবে প্রয়োগ করা হবে, ব্যবহারকারী কীটি ধরে রাখা বন্ধ করলে প্রয়োগ করা হবে না।

$(someTextInputField).on("keydown", function() {
  setTimeout(function($elem){
    alert($elem.val());
  }, 0, $(this));
});

Question 6

এরকম কিছু চেষ্টা করুন:

$('#someField').keypress(function() {
  setTimeout(function() {
    if ($('#someField').val().length > 0)
      $('#theButton').attr('disabled', false);
  }, 1);
});

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

সম্পাদনা করুন - বা আপনি প্রত্যেকের মতই "কীআপ" ব্যবহার করতে পারেন, যদিও এর শব্দার্থবিজ্ঞান আলাদা।

Question 7

আপনি onchangeকোনও মূল ইভেন্টগুলি ব্যবহার না করে ইভেন্ট হ্যান্ডলারটি আপ করতে চাইতে পারেন ।

$(someTextInputField).change(function() {
    alert($(this).val());
});

ব্যবহার Edit > Pasteবা রাইট-ক্লিক করুন তারপরে পেস্ট করা কোনও পরিবর্তন ইভেন্টকে আগুন ধরিয়ে দেবে, তবে কোনও মূল ইভেন্ট নয়। নোট করুন কিছু ব্রাউজার কোনও পেস্টে একটি মূল ইভেন্ট অনুকরণ করতে পারে (যদিও আমি এর কোনও কিছুই জানি না) তবে আপনি সেই আচরণের উপর নির্ভর করতে পারবেন না ।