亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

textarea焦點的用法實現獲取焦點清空失去焦點提示效果

2019-11-20 15:18:26
字體:
來源:轉載
供稿:網友
效果圖:

具體實現:

1、textarea標簽內容
復制代碼 代碼如下:

<span style="font-size:14px;"><tr>
<td align="right" valign="top">備注:</td>
<td><textarea name="" id="remark" cols="" rows="" class="textarea220" onfocus="this.className='textarea220L';this.onmouseout='';getAddFocus('remark');" onblur="this.className='textarea220';this.onmouseout=function(){this.className='textarea220'};lostAddFocus('remark');" onmousemove="this.className='textarea220Lg'" onmouseout="this.className='textarea220'"></textarea></td>
</tr></span>

2、初始化使點擊添加按鈕時,內容顯示最多能輸入50個字
復制代碼 代碼如下:

<span style="font-size:14px;">$("#introduction").val("最多能輸入50個字");
document.getElementById("introduction").style.color="gray";</span>

3、js腳本
復制代碼 代碼如下:

<span style="font-size:14px;">function getAddFocus(id){//針對添加操作中的簡介和備注,textarea獲得焦點清空輸入框
var textarea=document.getElementById(id);
textarea.value="";
textarea.style.color="black";
}

function lostAddFocus(id){//針對添加操作中的簡介和備注,textarea失去焦點且內容為空時,顯示提示信息
var textarea=document.getElementById(id);
var textarea_value=textarea.value;
if(textarea_value==""){
textarea.value="最多能輸入50個字";
textarea.style.color="gray";
}
}</span>

csdn小伙伴寫的textarea焦點的用法參考:
復制代碼 代碼如下:

<span style="font-size:14px;"> 1.文本框顯示默認文字:

<textarea>白鴿男孩</textarea>
<textarea>白鴿男孩</textarea>
  2.鼠標點擊文本框,默認文字消失:

<textarea onfocus=”if(value=='白鴿男孩') {value=' ‘}”>白鴿男孩</textarea>
<textarea onfocus=”if(value=='白鴿男孩') {value=' ‘}”>白鴿男孩</textarea>
  3.鼠標移至文本框,默認文字消失:

<textarea onmouseover=”focus()” onfocus=”if(value=='白鴿男孩') {value=' ‘}”>白鴿男孩</textarea>
<textarea onmouseover=”focus()” onfocus=”if(value=='白鴿男孩') {value=' ‘}”>白鴿男孩</textarea>
  4.鼠標點擊文本框,默認文字消失,點擊文本框外任意區域,默認文字又重現:

<textarea onfocus=”if(value=='白鴿男孩') {value=' ‘}” onblur=”if(value==' ‘) {value='白鴿男孩'}”>白鴿男孩</textarea>
<textarea onfocus=”if(value=='白鴿男孩') {value=' ‘}” onblur=”if(value==' ‘) {value='白鴿男孩'}”>白鴿男孩</textarea>
  5.鼠標移至文本框,默認文字消失,鼠標移出文本框,默認文字又重現:

<textarea onmouseover=”focus()” onfocus=”if(value=='白鴿男孩') {value=' ‘}” onmouseout=”blur()” onblur=”if (value==' ‘) {value='白鴿男孩'}”>白鴿男孩</textarea>
<textarea onmouseover=”focus()” onfocus=”if(value=='白鴿男孩') {value=' ‘}” onmouseout=”blur()” onblur=”if (value==' ‘) {value='白鴿男孩'}”>白鴿男孩</textarea>
  6.鼠標單擊文本框,文本框內任何文字消失(包括默認文字及后來輸入的文字):

<textarea onclick=”value=' ‘”>白鴿男孩</textarea>
<textarea onclick=”value=' ‘”>白鴿男孩</textarea>
  7.鼠標移至文本框,文本框內任何文字消失(包括默認文字及后來輸入的文字):

<textarea onmouseover=”value=' ‘”>白鴿男孩</textarea>
<textarea onmouseover=”value=' ‘”>白鴿男孩</textarea>
  8.單擊文本框后全選文本框內的文字:

<textarea onfocus=”select()”>白鴿男孩</textarea>
<textarea onfocus=”select()”>白鴿男孩</textarea>
  9.鼠標移至文本框全選文本框內的文字:

<textarea onmouseover=”focus()” onfocus=”select()”>白鴿男孩</textarea>
<textarea onmouseover=”focus()” onfocus=”select()”>白鴿男孩</textarea>
  10.回車后焦點從當前文本框轉移到下一個文本框:

<textarea onkeydown=”if(event.keyCode==13)event.keyCode=9″>白鴿男孩</textarea>
<textarea onkeydown=”if(event.keyCode==13)event.keyCode=9″>白鴿男孩</textarea>
  11.回車后焦點從當前文本框轉移到指定位置:

<textarea onkeypress=”return focusNext(this,'指定位置的id名稱',event)”>白鴿男孩</textarea> </span>
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
亚洲精品91美女久久久久久久| 久久精品亚洲国产| 日韩成人性视频| 日韩欧美一区二区三区| 奇门遁甲1982国语版免费观看高清| 久久精品人人做人人爽| 久久久人成影片一区二区三区| 国产亚洲福利一区| 亚洲理论片在线观看| 亚洲精品一区二区三区不| 欧美精品成人91久久久久久久| 日韩高清欧美高清| 日韩av影视综合网| 欧美一乱一性一交一视频| 欧美性xxxx极品hd欧美风情| 日韩av电影在线播放| 亚洲石原莉奈一区二区在线观看| 欧美一区二三区| 中文精品99久久国产香蕉| 92看片淫黄大片看国产片| 国产精品久久久久久久久粉嫩av| 777国产偷窥盗摄精品视频| 久热精品在线视频| 91在线视频导航| 午夜精品理论片| 久久综合国产精品台湾中文娱乐网| 久久视频中文字幕| 欧美成人在线网站| 久久久久久美女| 中文字幕av一区中文字幕天堂| 日韩在线免费高清视频| 亚洲精品美女久久| 国产精品第100页| 欧美成人黑人xx视频免费观看| 欧美日韩在线视频首页| 日韩久久免费视频| 亚洲裸体xxxx| 亚洲大胆人体视频| 亚洲视频电影图片偷拍一区| 91精品在线观| 国产成人高潮免费观看精品| 一区国产精品视频| 91精品国产精品| 久久成人精品电影| 精品国产一区二区三区久久| 欧美香蕉大胸在线视频观看| 一本色道久久88综合亚洲精品ⅰ| 国产美女被下药99| 亚洲国产免费av| 欧美视频一区二区三区…| 国产深夜精品福利| 91精品综合久久久久久五月天| 国产成人jvid在线播放| 国产精品久在线观看| 国产精品揄拍500视频| 亚洲精品一区二区在线| 日韩视频免费观看| 亚洲色图美腿丝袜| 97视频在线播放| 亚洲亚裔videos黑人hd| xxx成人少妇69| 日韩毛片中文字幕| 欧美精品www| 国产精品日日做人人爱| 国产亚洲精品激情久久| 欧美日韩一区二区三区| 最近的2019中文字幕免费一页| 久久免费精品日本久久中文字幕| 成人黄色免费看| 欧美日韩美女在线| 日韩欧美亚洲成人| 欧美精品videossex性护士| 亚洲成人激情视频| 奇米成人av国产一区二区三区| 亚洲欧美国产精品va在线观看| 茄子视频成人在线| 国产欧美精品在线播放| 国产免费一区二区三区在线观看| 国产偷亚洲偷欧美偷精品| 国内精品中文字幕| 欧美精品在线看| www.欧美视频| 久久久av一区| 最近日韩中文字幕中文| 久久久久久有精品国产| 九九视频直播综合网| 久久久999国产精品| 68精品久久久久久欧美| 国产欧美婷婷中文| 欧美另类在线观看| 欧美日韩国产成人在线| 岛国精品视频在线播放| 欧美日韩国产91| 国产乱肥老妇国产一区二| 欧美一区二区影院| 亚洲精品mp4| 亚洲人成网在线播放| 亚洲午夜女主播在线直播| 久国内精品在线| 中文字幕视频在线免费欧美日韩综合在线看| 精品视频在线导航| 这里只有精品久久| 亚洲最大成人网色| 欧美性猛交xxxx| 欧美高清视频免费观看| 久久人人爽人人爽人人片av高清| 亚洲国产成人av在线| 成人乱人伦精品视频在线观看| 久久精品国产亚洲一区二区| 日韩成人激情在线| 91极品视频在线| 91久久精品美女| 欧美黑人一级爽快片淫片高清| 欧美人在线观看| 久久国产精品久久久久| 国产91对白在线播放| 久久影院资源站| 亚洲www在线| 亚洲精品美女免费| 亚洲欧洲一区二区三区在线观看| 国外成人免费在线播放| 亚洲精品久久久久中文字幕二区| 亚洲最大的成人网| 日本不卡免费高清视频| 亚洲精品天天看| 日韩一区二区精品视频| 国产精品美女av| 久久综合久中文字幕青草| 亚洲欧美日韩一区二区三区在线| 日韩欧美成人免费视频| 中文字幕欧美日韩在线| 亚洲激情视频在线| 成人www视频在线观看| 日韩av片电影专区| 91探花福利精品国产自产在线| 久久精品精品电影网| 国产精品手机播放| 中文字幕一区日韩电影| 国产综合久久久久| 精品亚洲aⅴ在线观看| 国产日韩欧美一二三区| 91精品久久久久久久久久久久久| 日韩欧美精品在线观看| 亚洲香蕉在线观看| 色偷偷91综合久久噜噜| 揄拍成人国产精品视频| 国产精品揄拍一区二区| 久久综合伊人77777尤物| 成人信息集中地欧美| 亚洲人成自拍网站| 国产综合视频在线观看| 日韩在线精品一区| 91精品国产91久久久久久最新| 亚洲成人久久电影| 日本精品久久久久久久| 日韩欧美在线视频免费观看| 久久天天躁日日躁| 91亚洲精华国产精华| 亚洲国产美女精品久久久久∴| 中文字幕综合在线| 久久这里只有精品视频首页| 亚洲国产精品系列| 中文字幕亚洲综合久久筱田步美| 91欧美激情另类亚洲|