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一个可以添加无限结点的树asp.net 无限分级 asp.net 树型菜单2008-02-02
RabbitMQ Management插件还提供了基于RESTful风格的HTTP API接口来方便调用。本文就主要介绍了.Net RabbitMQ实现HTTP API接口调用，感兴趣的可以了解一下2021-06-06
Flashpaper的使用相信大多数人都知道，这里的Demo是用于在线转换 .doc文件转换为 .swf的flash文件。2011-02-02
本文主要介绍了如何创建一个.NET Core工程，文中根据实例编码详细介绍的十分详尽，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
实现的关键：copy fbembed.dll icudt30.dll icuuc30.dll到system32文件夹下2008-12-12
ASP.NET批量操作基于原生html标签的无序列表的三种方法
无序列表被大量使用，ASP.NET虽然内置了BulletedList控件，用于创建和操作无序列表，但感觉不太好用2014-09-09
.net清空所有Cache的实现代码2009-06-06
这篇文章主要为大家详细介绍了WPF实现ScrollViewer滚动到指定控件处，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
ASP.NET中GridView、DataList、DataGrid三个数据控件foreach遍历用法示例
这篇文章主要介绍了ASP.NET中GridView、DataList、DataGrid三个数据控件foreach遍历用法,结合实例形式分析了GridView、DataList、DataGrid使用foreach及for语句进行数据遍历的具体使用方法,需要的朋友可以参考下2016-08-08
.NET使用System.Timers.Timer类实现程序定时执行
这篇文章介绍了.NET使用System.Timers.Timer类实现程序定时执行的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-07-07
最新评论