ENTER কীটির জন্য প্রতিটি কীস্ট্রোক ক্যাপচার এবং পরীক্ষা করার ওভারকিল সত্যিই আমাকে বাগড করে, তাই আমার সমাধানটি নিম্নলিখিত ব্রাউজার আচরণের উপর নির্ভর করে:
ENTER চেপে জমা দেওয়া বোতামের একটি ক্লিক ইভেন্টকে ট্রিগার করবে (আইই 11, ক্রোম 38, এফএফ 31 এ পরীক্ষা করা হয়েছে) ** (রেফ: http://mattsnider.com/how-forms-submit-wn- চাপার-কেন্দ্র / )
সুতরাং আমার সমাধানটি হ'ল স্ট্যান্ডার্ড সাবমিট বাটনটি (যেমন <input type="submit">
) সরিয়ে ফেলতে হবে যাতে উপরের আচরণটি ব্যর্থ হয় কারণ ENTER টিপে গেলে যাদুতে ক্লিক করার জন্য কোনও জমা দেওয়ার বোতাম নেই। পরিবর্তে, আমি jQuery এর .submit()
পদ্ধতির মাধ্যমে ফর্মটি জমা দেওয়ার জন্য একটি নিয়মিত বোতামে একটি jQuery ক্লিক হ্যান্ডলার ব্যবহার করি ।
<form id="myform" method="post">
<input name="fav_color" type="text">
<input name="fav_color_2" type="text">
<button type="button" id="form-button-submit">DO IT!</button>
</form>
<script>
$('#form-button-submit').click(function(){
$('#myform').submit();
});
</script>
ডেমো: http://codepen.io/anon/pen/fxeyv?editors=101
** এই আচরণটি প্রযোজ্য নয় যদি ফর্মটিতে কেবলমাত্র 1 টি ইনপুট ক্ষেত্র থাকে এবং সেই ক্ষেত্রটি একটি 'পাঠ্য' ইনপুট হয়; এক্ষেত্রে ফর্মটি ENTER কীতে জমা দেওয়া হবে এমনকি HTML মার্কআপে (যেমন কোনও অনুসন্ধানের ক্ষেত্র) কোনও সাবমিট বাটন উপস্থিত না থাকলেও। 90 এর দশক থেকে এটি স্ট্যান্ডার্ড ব্রাউজারের আচরণ।