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ù)列表，而且需要滿(mǎn)足多瀏覽器(IE6.0/7.0/8.0,FireFox,Opera,google chrome,Safair)其功能類(lèi)似google的智能匹配,我是用asp.net實(shí)現(xiàn)的。
整體思路是這樣，當(dāng)文本框的值改變時(shí)觸發(fā)事件，對(duì)列表中原有的值進(jìn)行過(guò)濾。
根據(jù)這個(gè)思路，首先需要解決的無(wú)非是確定文本框的什么事件可以滿(mǎn)足要求，當(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屬性。而且中文也可以滿(mǎn)足，本以為大功告成，最后才發(fā)現(xiàn)這個(gè)事件為IE的專(zhuān)屬事件，其他的瀏覽器并沒(méi)有該事件。而對(duì)應(yīng)的oninput則可以滿(mǎn)足需求。
具體的實(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）腳本代碼如下：
<script type="javascript/text" language="javascript">
function btnClick()
{
var btnID = "<%=this.btnSearch.ClientID%>";
var btnObject = document.getElementID(btnID);
if(btnObject)
{
btnObject.click();
}
}
</script>
根據(jù)這個(gè)思路，首先需要解決的無(wú)非是確定文本框的什么事件可以滿(mǎn)足要求，當(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屬性。而且中文也可以滿(mǎn)足，本以為大功告成，最后才發(fā)現(xiàn)這個(gè)事件為IE的專(zhuān)屬事件，其他的瀏覽器并沒(méi)有該事件。而對(duì)應(yīng)的oninput則可以滿(mǎn)足需求。
具體的實(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>
相關(guān)文章
asp.net一個(gè)可以添加無(wú)限結(jié)點(diǎn)的樹(shù)asp.net 無(wú)限分級(jí) asp.net 樹(shù)型菜單2008-02-02
.Net RabbitMQ實(shí)現(xiàn)HTTP API接口調(diào)用
RabbitMQ Management插件還提供了基于RESTful風(fēng)格的HTTP API接口來(lái)方便調(diào)用。本文就主要介紹了.Net RabbitMQ實(shí)現(xiàn)HTTP API接口調(diào)用，感興趣的可以了解一下2021-06-06
使用FlashPaper在線(xiàn)轉(zhuǎn)換.doc為.swf
Flashpaper的使用相信大多數(shù)人都知道，這里的Demo是用于在線(xiàn)轉(zhuǎn)換 .doc文件轉(zhuǎn)換為 .swf的flash文件。2011-02-02
詳解如何創(chuàng)建一個(gè).NET Core工程
本文主要介紹了如何創(chuàng)建一個(gè).NET Core工程，文中根據(jù)實(shí)例編碼詳細(xì)介紹的十分詳盡，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
實(shí)現(xiàn)的關(guān)鍵：copy fbembed.dll icudt30.dll icuuc30.dll到system32文件夾下2008-12-12
ASP.NET批量操作基于原生html標(biāo)簽的無(wú)序列表的三種方法
無(wú)序列表被大量使用，ASP.NET雖然內(nèi)置了BulletedList控件，用于創(chuàng)建和操作無(wú)序列表，但感覺(jué)不太好用2014-09-09
.net清空所有Cache的實(shí)現(xiàn)代碼2009-06-06
WPF實(shí)現(xiàn)ScrollViewer滾動(dòng)到指定控件處
這篇文章主要為大家詳細(xì)介紹了WPF實(shí)現(xiàn)ScrollViewer滾動(dòng)到指定控件處，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
ASP.NET中GridView、DataList、DataGrid三個(gè)數(shù)據(jù)控件foreach遍歷用法示例
這篇文章主要介紹了ASP.NET中GridView、DataList、DataGrid三個(gè)數(shù)據(jù)控件foreach遍歷用法,結(jié)合實(shí)例形式分析了GridView、DataList、DataGrid使用foreach及for語(yǔ)句進(jìn)行數(shù)據(jù)遍歷的具體使用方法,需要的朋友可以參考下2016-08-08
.NET使用System.Timers.Timer類(lèi)實(shí)現(xiàn)程序定時(shí)執(zhí)行
這篇文章介紹了.NET使用System.Timers.Timer類(lèi)實(shí)現(xiàn)程序定時(shí)執(zhí)行的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-07-07