abstract:var itext,count,sendwindow.onload = function(){ // 頁(yè)布加載后再進(jìn)行javascript語(yǔ)句 itext = document.getElementById("text"); //獲取TextArea句柄,通過(guò)x.value.length獲取其字符長(zhǎng)度 count = document.
var itext,count,send
window.onload = function(){ // 頁(yè)布加載后再進(jìn)行javascript語(yǔ)句
itext = document.getElementById("text"); //獲取TextArea句柄,通過(guò)x.value.length獲取其字符長(zhǎng)度
count = document.getElementById("count"); //獲取span.#count的句柄
send = document.getElementById("send"); //獲取發(fā)布按鈕的句柄
itext.style.resize="none";
remain = 150;
count.innerHTML = remain; //初始數(shù)量
// $count.innerHTML = $num; //通過(guò)pan.#count的句柄.innerHTML調(diào)整其內(nèi)容
// console.log(num); //調(diào)試
//點(diǎn)擊textarea后,改變其邊框樣式
itext.onclick =function changeborder(){
itext.style.border='5px solid #CCFFFF'; //改變邊框顏色
itext.style.backgroundColor="#FFFFCC" //改變背景顏色
}
//焦點(diǎn)脫離textarea后,恢復(fù)其邊框樣式
itext.onblur =function changeborder(){
itext.style.border='5px solid #FF9999'; //改變邊框顏色
itext.style.backgroundColor="#FFF" //改變背景顏色
}
//先定義TextArea的某個(gè)鍵盤(pán)的鍵被松開(kāi)事件,獲取textarea已輸入字符個(gè)數(shù),并插入"到".count";
itext.onkeyup = function shuru(){
num = itext.value.length;
remain = 150 - num; //定義最大支持輸入字符數(shù),目前仍可輸入多少個(gè)字符
count.innerHTML = remain; //x.innerHTML改變.count內(nèi)容
// console.log(remain) //調(diào)試
}
//定義[發(fā)布]按鈕的觸發(fā)事件
send.onclick = function fabu(){
num = itext.value.length;
if(num == 0){
alert("不能發(fā)布空內(nèi)容,請(qǐng)錄入相關(guān)內(nèi)容!"); //重新給textarea賦予焦點(diǎn)
itext.focus();
}else{
alert("此次發(fā)布的內(nèi)容字符數(shù)有"+num+",發(fā)布成功啦!");
console.log(itext.value) //調(diào)試獲取itext.value內(nèi)容
itext.value=""; //清空textarea
itext.focus(); //重新給textarea賦予焦點(diǎn)
}
}
}
// 總結(jié):此節(jié)課很有意義,對(duì)javascript控制標(biāo)簽屬性、內(nèi)容有了更深刻的理解,于是在作業(yè)中自己擴(kuò)展測(cè)試了另外一些事件和根據(jù)textarea的value屬性調(diào)試獲取textarea的內(nèi)容;
Correcting teacher:西門(mén)大官人Correction time:2019-04-22 09:57:26
Teacher's summary:作業(yè)完成的非常好,只是沒(méi)有看到html代碼。還有嘗試優(yōu)化一下代碼,不用全局變量的話(huà),如何處理?