文本框内容改变触发事件

input 在IE中有onchange事件，但是这个事件所表现的效果不是我们想要的，它所表现的效果为：当input内的内容发现更改时，并不会触发你所指定的方法（函数），所以一般的人不用使用这个事件，而会使用，onpropertychange 这个事件，，在IE下是可行的。。但是在FF下面呢就不行了。。

于是我从网上找到如下代码去解决FF下不行

jQuery(function($) {
         if (navigator.userAgent.indexOf("MSIE") > 0) {
              document.getElementById('txtABC').attachEvent("onpropertychange", txChange);
          }
          else if (navigator.userAgent.indexOf("Firefox") > 0) {
              document.getElementById('txtABC').addEventListener("input", txChange2, false);

}
})

这个方法的原理就是先判断是哪种浏览器，然后使用它们自带的事件注册方法去注册事件。

这个方法有个问题，如果你要兼容N个浏览器的话那你不要是写N个浏览器的注册事件吗？

于是又一个解决的方法出现了，，

它的原理很简答，就是监视键盘事件，每次获取键盘事件时，都会去判断是否与前一次内容是否相同，不相同就触发相关方法（函数）

代码如下：

var txtValue;

            预加载
        jQuery(function($) {

txtValue = $("#txtABC").val();

给txtbox绑定键盘事件
            $("#txtABC").bind("keydown", function() {
                var currentValue = $(this).val();
                if (currentValue != txtValue) {
                    TxtChange();

txtValue = currentValue;
}

});

// 目标选择框文本发生更改时
        function TxtChange() {
            alert('');
        }

因为大部分浏览器都支持，keydown事件，所以这么写可以兼容大部分浏览器。。

转载于:https://www.cnblogs.com/glorysword/p/onInputContentChange.html

文本框内容改变触发事件相关推荐

jQuery监听文本框值改变触发事件（propertychange）
完整代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w ...
Input框内容改变触发事件，实现表格动态模糊查询
实现效果通过给查询框添加绑定事件,实现BootStrap中输入值变化后自动查询并刷新数据,不需要点击查询按钮. 踩坑记录 $("#input").change(function( ...
JS来推断文本框内容改变事件
oninput,onpropertychange,onchange的使用方法 onchange触发事件必须满足两个条件: a)当前对象属性改变,而且是由键盘或鼠标事件激发的(脚本触发无效) b) ...
java 文本控件值变化,jquery文本框内容改变事件
随机推荐 &;04下简易安装 java安装首先需要上的网站下载在lib目录下建立一个jvm文件夹然后解压文件到这个文件夹- 编译安装服务端有一种方式是:下载-server-generic-u ...
python 文本框内容变化_jquery文本框内容改变事件
MFC操作注册表 1.创建和修改注册表 BOOL CTestToolCtr::GetHkey(CString strHkey, HKEY& hkey) { == strHkey.Compare ...
PyQt5 技术篇-QSpinBox选值框值改变触发事件实例演示，获取QSpinBox组件的值，选值框的边界值设置方法
QSpinBox 组件值改变会触发 valueChanged 事件. # 最大.最小值设置 self.spinBox.setMinimum(1) self.spinBox.setMaximum(3)# ...
[事件处理] js实现的文本框内容发生改变立马触发事件简单介绍
js实现的文本框内容发生改变立马触发事件简单介绍: 本章节介绍一下如何在文本框的内容发生变化的时候,立马触发一个事件执行响应的操作,而不是像是keydow或者keyup事件一样,只能够检测通过键盘输入 ...
文本框内容自动投影，浅谈C#中事件的写法与应用
C#中委托和事件,对应设计模式:Observe观察者模式触发事件A的时候自动引起事件B的改变有两个打开的窗体Form1,Form2 都有一个文本框控件TextBox Form1的文本框输入内容时, ...
VBA实现从EXCEL单元格更新或修改PPT对应文本框内容并且不改变格式
VBA实现从EXCEL单元格更新或修改PPT对应文本框内容并且不改变格式配置工作开发演示注意点!!! 打赏原创不容易,请不要抄袭! 配置工作 EXCEL 2010版本以上配置文件-选项-自 ...

文本框内容改变触发事件

文本框内容改变触发事件相关推荐

最新文章

热门文章