استخدام تركيز Textarea لتحقيق تأثير الحصول على تطور التركيز وفقدان المطالبة بالتركيز

صورة التكاثر:

تطبيق محدد:

1. محتوى علامة TextArea

نسخة الكود كما يلي:

<span style = "font-size: 14px ؛"> <tr>

<td align = "right" valign = "top"> ملاحظة: </td>

<td> <textArea name = "" id = "emper“ cols = "" rows = "" onfocus = "this.className = 'textarea220l' ؛ this.onmouseout = '' ؛ onblur = "this.className = 'textarea220' ؛ this.onmouseout = function () {this.className = 'textarea220'} ؛ mostaddfocus ('ملاحظة') ؛" onMouseMove = "this.className = 'textarea220lg'" onMouseout = "this.className = 'TextArea220'"> </textarea> </td>

</r> </span>

2. تتيح لك التهيئة إدخال ما يصل إلى 50 كلمة عند النقر فوق الزر إضافة.

نسخة الكود كما يلي:

<span style = "font-size: 14px ؛"> $ ("#introduction"). val ("يمكن إدخال 50 كلمة") ؛

document.getElementById ("مقدمة"). style.color = "gray" ؛ </span>

3

نسخة الكود كما يلي:

<span style = "font-size: 14px ؛"> function getaddfocus (id) {// للمقدمة والملاحظات في عملية الإضافة ، يحصل TextArea على مربع إدخال واضح للتركيز

var textarea = document.getElementById (id) ؛

textarea.value = "" ؛

textarea.style.color = "Black" ؛

}

الوظيفة LostAddfocus (id) {// للمقدمة والملاحظات في عملية الإضافة ، إذا فقدت textarea تركيزها وكان المحتوى فارغًا ، فسيتم عرض رسالة المطالبة

var textarea = document.getElementById (id) ؛

var textarea_value = textarea.value ؛

if (textarea_value == "") {

textarea.value = "يمكن إدخال 50 كلمة الحد الأقصى" ؛

textarea.style.color = "Gray" ؛

}

} </span>

مرجع لاستخدام تركيز Textarea الذي كتبه CSDN Friends:

نسخة الكود كما يلي:

<span style = "font-size: 14px ؛"> 1. يعرض مربع النص النص الافتراضي:

<evidea> بيضاء حمامة الصبي </textarea>

<evidea> بيضاء حمامة الصبي </textarea>

2. انقر فوق مربع النص مع الماوس ، ويختفي النص الافتراضي:

<textarea onfocus = "if (value == 'white dove boy') {value = ''}"

<textarea onfocus = "if (value == 'white dove boy') {value = ''}"

3. انقل الماوس إلى مربع النص ، ويختفي النص الافتراضي:

<textarea onMouseover = "Focus ()" onfocus = "if (value == 'white dove boy') {value = '}"

<textarea onMouseover = "Focus ()" onfocus = "if (value == 'white dove boy') {value = '}"

4. انقر فوق مربع النص مع الماوس ، ويختفي النص الافتراضي ، وانقر فوق أي منطقة خارج مربع النص ، ويظهر النص الافتراضي مرة أخرى:

<textarea onfocus = "if (value == 'white dove boy') {value = ''}" onblur = "if (value == '') {value = 'white dove boy'}"

<textarea onfocus = "if (value == 'white dove boy') {value = ''}" onblur = "if (value == '') {value = 'white dove boy'}"

5. انقل الماوس إلى مربع النص ، ويختفي النص الافتراضي ، والماوس للانتقال من مربع النص ، ويظهر النص الافتراضي:

<textarea onMouseover = "Focus ()" onfocus = "if (value == 'white dove boy') {value = ''}" onMouseout = "blur ()" onblur = "if (value == '') {value = 'white dove boy'}"

<textarea onMouseover = "Focus ()" onfocus = "if (value == 'white dove boy') {value = ''}" onMouseout = "blur ()" onblur = "if (value == '') {value = 'white dove boy'}"

6. انقر فوق مربع النص مع الماوس ، ويختفي أي نص في مربع النص (بما في ذلك النص الافتراضي والنص الذي تم إدخاله لاحقًا):

<textarea onClick = "value = ''"

<textarea onClick = "value = ''"

7. انقل الماوس إلى مربع النص ، ويختفي أي نص في مربع النص (بما في ذلك النص الافتراضي والنص الذي تم إدخاله لاحقًا):

<textarea onMouseover = "value = ''"

<textarea onMouseover = "value = ''"

8. انقر فوق مربع النص وحدد كل النص في مربع النص:

<textarea onfocus = "select ()"> White Dove Boy </textarea>

<textarea onfocus = "select ()"> White Dove Boy </textarea>

9. انقل الماوس إلى مربع النص وحدد كل النص في مربع النص:

<textarea onMouseover = "Focus ()" onfocus = "select ()"> White Dove Boy </textarea>

<textarea onMouseover = "Focus ()" onfocus = "select ()"> White Dove Boy </textarea>

10. بعد الدخول ، سيتم نقل التركيز من مربع النص الحالي إلى مربع النص التالي:

<textarea onKeyDown = "if (event.keycode == 13) event.keycode = 9 ″

<textarea onKeyDown = "if (event.keycode == 13) event.keycode = 9 ″

11. بعد الدخول ، سيتم نقل التركيز من مربع النص الحالي إلى الموضع المحدد:

<textarea onkeypress = "return focusNext (هذا ،" اسم معرف الموقع المحدد "، الحدث)"