asp.net关于onpropertychange和oninput事件实现代码
更新时间：2009年11月26日 18:58:03 作者：
文本框，数据列表，当在文本框中输入条件时需要实时刷新数据列表，而且需要满足多浏览器(IE6.0/7.0/8.0,FireFox,Opera,google chrome,Safair)其功能类似google的智能匹配,我是用asp.net实现的。
整体思路是这样，当文本框的值改变时触发事件，对列表中原有的值进行过滤。
根据这个思路，首先需要解决的无非是确定文本框的什么事件可以满足要求，当时第一个想到的是onkeydown或者onkeypress，在试的过程中发现再输入中文时，无法响应，因为输入方会将焦点给屏蔽了。在网上寻觅了一会发现onpropertychange事件为改变文本属性时就会出发，所以当文本框输入数据的时候其实是在改变文本框的value属性。而且中文也可以满足，本以为大功告成，最后才发现这个事件为IE的专属事件，其他的浏览器并没有该事件。而对应的oninput则可以满足需求。
具体的实现是，文本框，隐藏按钮，当在文本框输入内容时，调用onpropertychange或oninput事件，在这个事件中找到隐藏的按钮，然后出发他的click事件，这样我们只需要在后台隐藏按钮的click事件中去过滤列表数据(当然前面的出发隐藏按钮的事件是用javascript来做的，需要注意的就是在前台获取服务端控件的ClienID）脚本代码如下：
<script type="javascript/text" language="javascript">
function btnClick()
{
var btnID = "<%=this.btnSearch.ClientID%>";
var btnObject = document.getElementID(btnID);
if(btnObject)
{
btnObject.click();
}
}
</script>
根据这个思路，首先需要解决的无非是确定文本框的什么事件可以满足要求，当时第一个想到的是onkeydown或者onkeypress，在试的过程中发现再输入中文时，无法响应，因为输入方会将焦点给屏蔽了。在网上寻觅了一会发现onpropertychange事件为改变文本属性时就会出发，所以当文本框输入数据的时候其实是在改变文本框的value属性。而且中文也可以满足，本以为大功告成，最后才发现这个事件为IE的专属事件，其他的浏览器并没有该事件。而对应的oninput则可以满足需求。
具体的实现是，文本框，隐藏按钮，当在文本框输入内容时，调用onpropertychange或oninput事件，在这个事件中找到隐藏的按钮，然后出发他的click事件，这样我们只需要在后台隐藏按钮的click事件中去过滤列表数据(当然前面的出发隐藏按钮的事件是用javascript来做的，需要注意的就是在前台获取服务端控件的ClienID）脚本代码如下：
复制代码 代码如下:
<script type="javascript/text" language="javascript">
function btnClick()
{
var btnID = "<%=this.btnSearch.ClientID%>";
var btnObject = document.getElementID(btnID);
if(btnObject)
{
btnObject.click();
}
}
</script>
相关文章
ASP.NET 在下载文件时对其重命名的思路及实现方法，需要的朋友可以参考一下2013-06-06
浅谈从ASP.NET Core2.2到3.0你可能会遇到这些问题
这篇文章主要介绍了ASP.NET Core2.2到3.0可能会遇到的问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
Server.Transfer,Response.Redirect的区别
Server.Transfer,Response.Redirect的区别...2006-12-12
这篇文章主要介绍了ASP.NET Core MVC/WebApi基础系列，后续会穿插讲EF Core和ASP.NET Core，虽说是基础系列但也是也有你不知道的。2019-04-04
asp.net中文件下载功能的实例代码，需要的朋友可以参考一下2013-04-04
本文主要介绍了Asp.net Core 如何设置黑白名单(路由限制)，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
详解ASP.NET Core 2.0 路由引擎之网址生成(译)
这篇文章主要介绍了详解ASP.NET Core 2.0 路由引擎之网址生成(译)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-11-11
本文说明使用RSAProtectedConfigurationProvidert和计算机级别的密钥容器进行加密的步骤。2011-02-02
.Net通过TaskFactory.FromAsync简化APM
这篇文章介绍了.Net通过TaskFactory.FromAsync简化APM的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-06-06
这篇文章主要给大家介绍了关于.net core 3.1在iis上发布的踩坑记录，文中通过示例代码介绍的非常详细，对大家学习或者使用.net core具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2020-05-05
最新评论