۲۰۰ هزار تومان تخفیف ویژه اولین خرید از سبزلرن، کد تخفیف: off200t
پرسش

چطور وقتی روی یک فیلد ورودی کلیک می‌کنم، تمام متن داخلش انتخاب بشه؟

Selecting all text in HTML text input when clicked

من یه فیلد ورودی دارم که وقتی کاربر روش کلیک می‌کنه، می‌خوام تمام متن داخلش انتخاب بشه. به‌جای اینکه کاربر بخواد سه بار کلیک کنه یا از Ctrl+A استفاده کنه، می‌خوام با یه کلیک همه متن انتخاب بشه. چطور می‌تونم این کار رو انجام بدم؟

1403/06/06
پاسخ
محمدامین سعیدی راد
بیوگرافی محمدامین سعیدی راد

برای اینکه با یک کلیک همه متن داخل فیلد ورودی انتخاب بشه، می‌تونی از خاصیت onclick و متد select() استفاده کنی. این کد رو به فیلد ورودی اضافه کن:

<input type="text" value="Please enter the user ID" onclick="this.select();" />

این کد باعث می‌شه که هر وقت کاربر روی فیلد کلیک کنه، کل متن به‌صورت خودکار انتخاب بشه. اگر می‌خوای به‌جای کلیک از focus استفاده کنی، می‌تونی به‌جای onclick از onfocus استفاده کنی:

<input type="text" value="Please enter the user ID" onfocus="this.select();" />

این روش‌ها باعث می‌شن کاربر با یک کلیک یا فوکوس تمام متن رو ببینه و بتونه سریع‌تر تغییرات رو انجام بده.

پاسخ: 1403/06/06
آخرین آپدیت: 1403/08/13