আমি ধরে নিলাম যে এতে আমার <div>পাঠ্য, স্লাইডার এবং বোতামগুলির সাথে একটি ইনপুট ধারক ক্ষেত্র রয়েছে এবং এতে দুর্ঘটনাজনিত ডাবল-ট্যাপগুলি বাধা দিতে চাই <div>। নিম্নলিখিতগুলি ইনপুট অঞ্চলে জুম করতে বাধা দেয় না এবং এটি আমার <div>অঞ্চলের বাইরে ডাবল-ট্যাপ করে এবং জুম করার সাথে সম্পর্কিত নয় । ব্রাউজার অ্যাপের উপর নির্ভর করে বিভিন্নতা রয়েছে।
আমি এটি চেষ্টা করেছিলাম।
(1) আইওএসে সাফারি এবং অ্যান্ড্রয়েডে ক্রোমের জন্য এবং এটি পছন্দের পদ্ধতি। স্যামসুংয়ের ইন্টারনেট অ্যাপ ব্যতীত কাজ করে, যেখানে এটি ডাবল-ট্যাপগুলি সম্পূর্ণরূপে অক্ষম করে না <div>, তবে কমপক্ষে এমন উপাদানগুলিতে ট্যাপগুলি পরিচালনা করে। এটি ইনপুট এবং ইনপুট return falseব্যতীত ফিরে আসে ।textrange
$('selector of <div> input area').on('touchend',disabledoubletap);
function disabledoubletap(ev) {
var preventok=$(ev.target).is('input[type=text],input[type=range]');
if(preventok==false) return false;
}
(২) অ্যান্ড্রয়েডে অন্তর্নির্মিত ইন্টারনেট অ্যাপ্লিকেশনের জন্য (5.1, স্যামসুং), ডাবল-ট্যাপগুলি <div>বাধা দেয় তবে জুম করতে বাধা দেয় <div>:
$('selector of <div> input area').on('touchstart touchend',disabledoubletap);
(3) অ্যান্ড্রয়েড 5.1-এ ক্রোমের জন্য, ডাবল-ট্যাপকে একেবারেই অক্ষম করে, জুমিং বাধা দেয় না এবং অন্যান্য ব্রাউজারগুলিতে ডাবল-ট্যাপ সম্পর্কে কিছুই করে না। এর ডাবল-ট্যাপ-ইনহিবিটিং <meta name="viewport" ...>বিরক্তিকর, কারণ <meta name="viewport" ...>ভাল অনুশীলন বলে মনে হচ্ছে।
<meta name="viewport" content="width=device-width, initial-scale=1,
maximum-scale=5, user-scalable=yes">