كود تحديد النص عند مرور المؤشر أو الضغط داخل الحقل Javascript

نرى أحيانًا في مواقع الرفع -كمثال- وبعد اكتمال الرفع؛ ظهور روابط الملف المرفوع على هيئة حقولinput” بداخلها نص “text” وهي الروابط ، عند الضغط داخل هذا الحقلinput” أو ربما عند مرور مؤشر الفأرة “” داخل هذا الحقلinput” يتم تحديد كافة محتوى الحقل -الرابط- “links” استعدادًا لنسخه ، يتم عمل هذه الطريقة باستخدام جافا سكريبت “” فقط .[ فوائد برمجية ]

لنرى تجربة:

 

نقوم أولا بإنشاء حقلinput” باستخدام “html

<input  type='text' value='select All - mobrmj'/>

لإضافة خاصية تحديد النص غند مرور مؤشر الفأرة “” باستخدام جافا سكريبت سنضيف خاصية onMousover

ليصبح الكود بهذا الشكل :

 

<input  type='text' value='select All - mobrmj' onMouseover ="this.select()" />

أو لتحديد النص عند الضغط داخل الحقل “focus” باستخدام جافا سكريبت سنضيف خاصية onclick

ليكون الكود بهذا الشكل :

<input  type='text' value='select All - mobrmj' onclick="this.select()" />

ربما يكون من الجيد أن تضيف خاصية “Read Only” أو جعل النص للقراءة فقط لكي لا يتمكن الزائر من التعديل على النص .

بعد إضافة هذه الخاصية سيصبح الكود هكذا :

 

<input  type='text' value='select All - mobrmj' onMouseover ="this.select()" readonly='readonly' />

يمكنك الاستفادة من الكود بأكثر من جانب ، مثل إضافة رابط الموضوع للنسخ أسفل كل تدوينة أو كل موضوع ! [ فوائد برمجية ]

تحديد النص