快捷導(dǎo)航

asp.net關(guān)于onpropertychange和oninput事件實(shí)現(xiàn)代碼

更新時(shí)間：2009年11月26日 18:58:03 作者：

文本框，數(shù)據(jù)列表，當(dāng)在文本框中輸入條件時(shí)需要實(shí)時(shí)刷新數(shù)據(jù)列表，而且需要滿足多瀏覽器(IE6.0/7.0/8.0,FireFox,Opera,google chrome,Safair)其功能類似google的智能匹配,我是用asp.net實(shí)現(xiàn)的。

整體思路是這樣，當(dāng)文本框的值改變時(shí)觸發(fā)事件，對(duì)列表中原有的值進(jìn)行過(guò)濾。

根據(jù)這個(gè)思路，首先需要解決的無(wú)非是確定文本框的什么事件可以滿足要求，當(dāng)時(shí)第一個(gè)想到的是onkeydown或者onkeypress，在試的過(guò)程中發(fā)現(xiàn)再輸入中文時(shí)，無(wú)法響應(yīng)，因?yàn)檩斎敕綍?huì)將焦點(diǎn)給屏蔽了。在網(wǎng)上尋覓了一會(huì)發(fā)現(xiàn)onpropertychange事件為改變文本屬性時(shí)就會(huì)出發(fā)，所以當(dāng)文本框輸入數(shù)據(jù)的時(shí)候其實(shí)是在改變文本框的value屬性。而且中文也可以滿足，本以為大功告成，最后才發(fā)現(xiàn)這個(gè)事件為IE的專屬事件，其他的瀏覽器并沒(méi)有該事件。而對(duì)應(yīng)的oninput則可以滿足需求。

具體的實(shí)現(xiàn)是，文本框，隱藏按鈕，當(dāng)在文本框輸入內(nèi)容時(shí)，調(diào)用onpropertychange或oninput事件，在這個(gè)事件中找到隱藏的按鈕，然后出發(fā)他的click事件，這樣我們只需要在后臺(tái)隱藏按鈕的click事件中去過(guò)濾列表數(shù)據(jù)(當(dāng)然前面的出發(fā)隱藏按鈕的事件是用javascript來(lái)做的，需要注意的就是在前臺(tái)獲取服務(wù)端控件的ClienID）腳本代碼如下：

復(fù)制代碼代碼如下:

 
<script type="javascript/text" language="javascript"> 
function btnClick() 
{ 
var btnID = "<%=this.btnSearch.ClientID%>"; 
var btnObject = document.getElementID(btnID); 
if(btnObject) 
{ 
btnObject.click(); 
} 
} 
</script> 

您可能感興趣的文章: