用js和jquery的输入框输入值的实时监控和onpropertychange方法
最近,一个项目已经完成。要求是自动匹配下拉框中的关键词,而细节的实时监控,对文本框的值的变化,然后匹配相关内容。
首先,要考虑的第一件事就是改变在JQ,但它立即排除了这种方法,因为改变时触发文本框失去焦点,曲线拯救了国家和使用KeyDown解决思路。其他一切都是好的,但这一事件不会被触发时,不要使用键盘和复制粘贴通过鼠标。所以这个方法也被排除在外。
然后,检查一些相关的信息,发现原来只有JS oninput onpropertychange能满足这一需求,然后去JQ的方法,以满足非常失望的API,没有找到,但确实会绑定绑定类似的事件,那就是输入propertychange,通过测试,真的是没有问题的。
现在举个例子:
JQ:
$(输入的)。Bind(输入propertychange,函数(){())
相关操作
});
其中:propertychange设有以下版本的IE9兼容。
在JS的输入事件不是由以下版本的IE9支持。即独特的onpropertychange事件需要更换。此事件将触发两种情况,即用户界面更改或脚本直接修改内容。
输入选择的状态:复选框或输入:无线电元素已被修改,选中的属性发生更改。
输入的值:文本或textarea元素已被修改,和价值属性的变化。
选择元件的选择项修改,和SelectedIndex属性变化。
JS:
如果(议)
{
document.getelementbyid(输入)。Onpropertychange =键();
}
其他 / /需要使用addEventListener登记事件
{
document.getelementbyid(输入)AddEventListener(输入。
}
希望本文能对大家的javascript程序设计有所帮助。