Js實(shí)現(xiàn)INPUT輸入框，當(dāng)鼠標(biāo)點(diǎn)擊文字時(shí)自動(dòng)獲取文字內(nèi)容，并顯示在文本框中，一個(gè)慣用的表單技巧，有時(shí)可省去一些用戶輸入的麻煩，可有效提升用戶體驗(yàn)。

input輸入框獲取js點(diǎn)擊文字內(nèi)容

.c{ width:100px; height:25px; line-height:25px; text-align:center; border:1px solid #eee; margin:5px; float:left; font-size:12px; cursor:pointer}

.show{ width:800px; height:auto; margin:0 auto;}

菜單導(dǎo)航時(shí)間日期焦點(diǎn)圖tab標(biāo)簽jquery特效在線客服

var x=["菜單導(dǎo)航","時(shí)間日期","焦點(diǎn)圖","tab標(biāo)簽","jquery特效","在線客服"];

var y=[];

function $(id){

return document.getElementById(id)

};

for(var i=0,m=x.length;i

$("c"+i).οnclick=(function(i){

return function(){

var s=y.join(",").indexOf(x[i]);

if(s>=0){

for(var r in y){

if(y[r]==x[i]){y.splice(r,1)}

}

}

else{

y.push(x[i])

}

$("i").value=y.join(" ");

}

})

(i)

}

總結(jié)

以上是生活随笔為你收集整理的html获取文本框中的文字,JavaScript实现input输入框点击获取文字内容的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。