js實時監(jiān)聽文本框狀態(tài)的方法
更新時間:2011年04月26日 23:57:56 作者:
js實時監(jiān)聽文本框狀態(tài)的方法,這里的方法兼容性不是很好,建議參考腳本之家以前的文章。
復(fù)制代碼 代碼如下:
<div id="msg"></div>
<input type="text" name="txt" id="txt"/>
<script>
//當(dāng)狀態(tài)改變的時候執(zhí)行的函數(shù)
function handle()
{
document.getElementById('msg').innerHTML = document.getElementById('txt').value;
}
//if("\v"=="v")只有在IE下才返回真,包括IE8
//if(/msie/i.test(navigator.userAgent))也同樣能有效判斷
if("\v"=="v"){
//IE監(jiān)聽文本框且賦一個函數(shù),函數(shù)名后不能帶括號
document.getElementById('txt').onpropertychange = handle;
}else{
//谷歌瀏覽器利用添加事件函數(shù)為文本框添加事件并賦事件要執(zhí)行的方法,同樣方法名后不能加括號
document.getElementById('txt').addEventListener("input", handle);
}
</script>
相關(guān)文章
js結(jié)合css實現(xiàn)登錄后才能復(fù)制的效果實例
很多網(wǎng)站都有登錄后才能復(fù)制的限制,什么原理呢?css屬性user-select:none,通常會采用這種方式來禁止復(fù)制文本。但瀏覽開發(fā)者工具-審查元素,取消此樣式后,就可以選中文本了。想要完整地禁止復(fù)制,還需要通過js控制選擇的內(nèi)容。2023-07-07javascript 處理HTML元素必須避免使用的一種方法
我們在編寫前臺頁面的時候,可能經(jīng)常會用到“javascript+數(shù)據(jù)”生成頁面元素的方法,但當(dāng)我們要處理的數(shù)據(jù)量較大,導(dǎo)致頁面需要展現(xiàn)過多的控件的時候,頁面的響應(yīng)速度也會直線下降2009-07-07深入理解JavaScript系列(12) 變量對象(Variable Object)
JavaScript編程的時候總避免不了聲明函數(shù)和變量,以成功構(gòu)建我們的系統(tǒng),但是解釋器是如何并且在什么地方去查找這些函數(shù)和變量呢2012-01-01通過JAVAScript實現(xiàn)頁面自適應(yīng)
通過JAVAScript實現(xiàn)頁面自適應(yīng)...2007-01-01Javascript中的var_dump函數(shù)實現(xiàn)代碼
發(fā)現(xiàn)了一個非常好的JavaScript調(diào)試方法,目前看到的是可以打印Object/Array/Function/String四種類型,使用方法和PHP中的var_dump()一樣,只要直接dump(變量名)即可。2009-09-09