আপনি কীভাবে আইওএস ডিভাইসগুলিতে কোনও ইনপুট ক্ষেত্রের পাঠ্যটি প্রোগ্রামিকভাবে নির্বাচন করতে পারেন, যেমন আইফোন, আইপ্যাড চলমান মোবাইল সাফারি?
সাধারণত উপাদানটিতে .select()ফাংশনটি কল করা যথেষ্ট <input ... />, তবে এটি সেই ডিভাইসে কাজ করে না। কার্সারটি সহজেই বিদ্যমান এন্ট্রি শেষে কোনও নির্বাচন না করে রেখে দেওয়া হয়।
উত্তর:
input.setSelectionRange(0, 9999);
.focus()আগে ইনপুটটিতে ট্রিগার করি input.setSelectionRange। আপনি যদি ইনপুটটিতে focusইভেন্টটির কথা শুনছেন তবে মনে রাখবেন অসীম লুপের জন্য অ্যাকাউন্ট করুন।
readonlyবৈশিষ্ট্যটি সেট থাকে।
setSelectionRange()কোনও focusহ্যান্ডলারে কল করা কাজ করে .focus()তবে আপনি যখন ম্যানুয়ালি আইওএস-এ টেক্সট ইনপুটটিতে ট্যাপ করেন তখন নির্বাচনটি ঘটে না। এটি বলার অপেক্ষা রাখে না, আপনাকে setSelectionRange()কেবল 0 এর একটি সেটটাইমআউটের মধ্যে কল করতে হবে এবং ফোকাসটি কীভাবে ট্রিগার করবে তা প্রত্যাশিত হিসাবে কাজ করে।
এই থ্রেডের কিছুই আমার পক্ষে কাজ করেনি, আমার আইপ্যাডে যা কাজ করে তা এখানে:
// t is the input field
setTimeout(function() {
t.setSelectionRange(0, 9999);
}, 1);
নেতিবাচক প্রমাণ করা শক্ত, তবে আমার গবেষণাটি মনে করে যে এটি মোবাইল সাফারিতে একটি বাগ।
নোট করুন যে ফোকাস () কমবেশি কাজ করে - যদিও এটি সফল হতে একাধিক ট্যাপের প্রয়োজন হতে পারে, এবং আপনি যদি ক্ষেত্রের কোনও ব্যবহারকারী ট্যাপকে প্রশ্নের সাথে উত্তর দেওয়ার চেষ্টা করছেন তবে ট্যাপটি নিজেই ক্ষেত্রটি দেবে বলে প্রয়োজনীয় নয় ফোকাস। দুর্ভাগ্যবশত, নির্বাচন () হল কেবল মোবাইল সাফারি অ কার্মিক।
আপনার সেরা বাজি অ্যাপলের সাথে বাগ রিপোর্ট হতে পারে ।
এই ফিডলটি দেখুন : (ইনপুট বাক্সে কিছু পাঠ্য লিখুন এবং 'পাঠ্য নির্বাচন করুন' ক্লিক করুন)
এটি আমার আইপডটিতে একটি ইনপুটবক্সে পাঠ্য নির্বাচন করছে (৫ ম জেনার আইওএস .0.০.১), কীবোর্ডটি খুলছে এবং কাট / অনুলিপি / প্রস্তাবনা ... মেনু দেখাচ্ছে
সরল জাভাস্ক্রিপ্ট ব্যবহার করে। JQuery দিয়ে এটি চেষ্টা করে নি
document.getElementById("p1").selectionStart = 0
document.getElementById("p1").selectionEnd = 999
মনে রাখবেন যে 999 নম্বরটি কেবল একটি নমুনা। আপনি নির্বাচন করতে চান এমন অক্ষরের সংখ্যায় এই সংখ্যাগুলি সেট করা উচিত।
হালনাগাদ:
শেষ দুটিটির জন্য, আপনি inputউপাদানটিতে ক্লিক ইভেন্টটি ট্রিগার করে পরীক্ষা করতে পারেন
আপডেট: (07-10-2013)
আপডেট: (14-11-2013)
.selectionStartএবং .selectionEnd না হবে।আপডেট: (15-01-2015)
<input/>সাথে আলতো চাপছি, তখন আইপ্যাড ভেবেছিল আমি জেসফিডেলের "সিএসএস" প্যানে ট্যাপ করছি (যার মধ্যে আমি টাইপ করা কিছু অদৃশ্য ছিল)। একবার আমার <input/>ট্যাপটি সঠিক দিকে পরিচালিত হয়ে গেলে , আপনার "নির্বাচিত পাঠ্য" বোতামটি iOS-7.0.3 :-) এ পুরোপুরি সূক্ষ্মভাবে কাজ করে।
দুঃখিত, আমার আগের পোস্টে, আমি জাভাস্ক্রিপ্টের প্রতি ইঙ্গিত দিচ্ছি না যে আপনি জাভাস্ক্রিপ্টে উত্তর চেয়েছিলেন।
জাভাস্ক্রিপ্টের সাহায্যে ইউআইবিউবভিউতে আপনি যা চান তা পেতে, এটিকে কাজ করার জন্য আমি দুটি গুরুত্বপূর্ণ টুকরো টুকরো টুকরো টুকরো টুকরো টুকরো টুকরো করে কথা বলতে পেরেছি। মোবাইল ব্রাউজার সম্পর্কে নিশ্চিত নয়।
element.setSelectionRange(0,9999); আমরা যা চাই তা করে
মাউসআপ ইভেন্টটি নির্বাচনটি পূর্বাবস্থায় নিচ্ছে
এইভাবে (প্রোটোটাইপ ব্যবহার করে):
ইনপুট.ওবজার ('ফোকাস', ফাংশন () {
this.setSelectionRange (0, 9999);
});
ইনপুট.ওবজার ('মাউসআপ', ফাংশন (ইভেন্ট) {
ইভেন্ট.স্টপ ();
});
কৌতুক করে
ম্যাট
$("input").focus(function () { this.setSelectionRange(0, 9999); return false; } ).mouseup( function () { return false; });
focusin, আইওএস 7 এটির জন্য কাজ করতে ফোকাস পরিবর্তে
দেখে মনে হচ্ছে ফোকাসটি কাজ করবে তবে কেবল কোনও দেশীয় ইভেন্ট থেকে সরাসরি ডাকা হবে। কল টাইম ফোকাস সেটটাইমআউট জাতীয় কিছু ব্যবহার করে কীবোর্ড কল আপ প্রদর্শিত হবে না। আইওএস কীবোর্ডের নিয়ন্ত্রণ খুব খারাপ। এটি একটি ভাল পরিস্থিতি নয়।
নিম্নলিখিতটি অ্যান্ড্রয়েড ২.২ এর সাথে আসে ওয়েবকিটটিতে আমার জন্য কাজ করছে:
function trySelect(el) {
setTimeout(function() {
try {
el.select();
} catch (e) {
}
}, 0);
}
ক্রোমিয়াম ইস্যু 32865 দেখুন ।
আইপ্যাডে আইওএস 7 এর মাধ্যমে আমি এই কাজটি করতে সক্ষম হয়েছি কেবল তার <textarea></textarea>পরিবর্তে আসলে ব্যবহার করা<input> ক্ষেত্রের ।
যেমন
<textarea onclick="this.setSelectionRange(0, 9999);">My text will be selected when textarea is clicked.</textarea>
ক্ষেত্রের অভ্যন্তরের পাঠ্য পরিবর্তন থেকে ব্যবহারকারীকে কীভাবে রোধ করা যায় তা আরও কঠিন ছিল, আপনি পাঠ্যপাঠ্য পাঠ্য করেই বাছাইয়ের কৌশল আর কাজ করবে না।
আমি এই সমাধানটি খুঁজতে বাদামে গিয়েছিলাম, যখন আপনার সমস্ত প্রতিক্রিয়াগুলি সাহায্য করেছিল আমার জন্য কীটপতঙ্গের আরও একটি ক্যান খুলতে করেছিল।
ক্লায়েন্টটি চেয়েছিল যে ব্যবহারকারীরা ক্লিক করতে এবং সমস্তটি নির্বাচন করতে , এবং ব্যবহারকারীর 'ট্যাব' এবং আইপ্যাডে সমস্ত নির্বাচন করতে সক্ষম হন (একটি বহিস্থিত কীবোর্ড আছে। আমি জানি, পাগল ...)
এই সমস্যার আমার সমাধানটি ছিল, ইভেন্টগুলি পুনরায় সাজানো। প্রথমে ফোকাস , তারপরে ক্লিক করুন , তারপরে টাচস্টার্ট ।
$('#myFUBARid').on('focus click touchstart', function(e){
$(this).get(0).setSelectionRange(0,9999);
//$(this).css("color", "blue");
e.preventDefault();
});
আমি আশা করি এটি কাউকে সহায়তা করে, যেমন আপনি অনেক সময় আমাকে সাহায্য করেছেন।
আপনি যদি এইচটিএমএল 5-কমপ্লায়েন্ট ব্রাউজার ব্যবহার করেন তবে placeholder="xxx"আপনি নিজের inputট্যাগটিতে ব্যবহার করতে পারেন । যে কাজ করা উচিত।