網頁技巧:表單(textarea)有關焦點的用法

武林網(www.vevb.com)文章簡介：網頁技巧:表單(textarea)有關焦點的用法.

1.文本框顯示默認文字：

1

2

<textarea>網頁教學網-webjx.com</textarea>

<textarea>網頁教學網-webjx.com</textarea>

2.鼠標點擊文本框，默認文字消失：

1

2

<textarea onfocus=if(value== '網頁教學網-webjx.com ') {value=''}>網頁教學網-webjx.com</textarea>

<textarea onfocus=if(value== '網頁教學網-webjx.com ') {value=''}>網頁教學網-webjx.com</textarea>

3.鼠標移至文本框，默認文字消失：

1

2

<textarea onmouseover=focus() onfocus=if(value== '網頁教學網-webjx.com ') {value=''}>網頁教學網-webjx.com</textarea>

<textarea onmouseover=focus() onfocus=if(value== '網頁教學網-webjx.com ') {value=''}>網頁教學網-webjx.com</textarea>

4.鼠標點擊文本框，默認文字消失，點擊文本框外任意區域，默認文字又重現：

1

2

<textarea onfocus=if(value== '網頁教學網-webjx.com ') {value=''} onblur=if(value=='') {value= '網頁教學網-webjx.com '}>網頁教學網-webjx.com</textarea>

<textarea onfocus=if(value== '網頁教學網-webjx.com ') {value=''} onblur=if(value=='') {value= '網頁教學網-webjx.com '}>網頁教學網-webjx.com</textarea>

5.鼠標移至文本框，默認文字消失，鼠標移出文本框，默認文字又重現：

1

2

<textarea onmouseover=focus() onmouseout=blur() onfocus=if(value== '網頁教學網-webjx.com ') {value=''} onblur=if (value=='') {value= '網頁教學網-webjx.com '}>網頁教學網-webjx.com</textarea>

<textarea onmouseover=focus() onmouseout=blur() onfocus=if(value== '網頁教學網-webjx.com ') {value=''} onblur=if (value=='') {value= '網頁教學網-webjx.com '}>網頁教學網-webjx.com</textarea>

6.鼠標單擊文本框，文本框內任何文字消失（包括默認文字及後來輸入的文字）：

1

2

<textarea onclick=value=''>網頁教學網-webjx.com</textarea>

<textarea onclick=value=''>網頁教學網-webjx.com</textarea>

7.鼠標移至文本框，文本框內任何文字消失（包括默認文字及後來輸入的文字）：

1

2

<textarea onmouseover=value=''>網頁教學網-webjx.com</textarea>

<textarea onmouseover=value=''>網頁教學網-webjx.com</textarea>

8.單擊文本框後全選文本框內的文字：

1

2

<textarea onfocus=select()>網頁教學網-webjx.com</textarea>

<textarea onfocus=select()>網頁教學網-webjx.com</textarea>

9.鼠標移至文本框全選文本框內的文字：

1

2

<textarea onmouseover=focus() onfocus=select()>網頁教學網-webjx.com</textarea>

<textarea onmouseover=focus() onfocus=select()>網頁教學網-webjx.com</textarea>

10.回車後焦點從當前文本框轉移到下一個文本框：

1

2

<textarea onkeydown=if(event.keyCode==13)event.keyCode=9>網頁教學網-webjx.com</textarea>

<textarea onkeydown=if(event.keyCode==13)event.keyCode=9>網頁教學網-webjx.com</textarea>

11.回車後焦點從當前文本框轉移到指定位置：

1

<textarea onkeypress=return focusNext(this, '指定位置的id名稱',event)>網頁教學網-webjx.com</textarea>