文本框改变之onpropertychange事件

onpropertychange能够捕获每次输入值的变化。

例如：对象的value值被改变时，onpropertychange能够捕获每次改变，而onchange需要执行某个事件才可以捕获。

在文本框输入数据的时候，当键盘按下并放开的时候可以使用onkeyup来检测事件，onpropertychange能够捕获每次改变，而onchange需要执行某个事件才可以捕获。可是有的时候我们输入数据是采用粘贴的方式而不是键盘输入，这就需要实时检测文本框状态的改变。

onpropertychange 不被firefox所支持，如果想在firefox下正常使用,需要用oninput属性,且需要用addEventListener来注册事件。

写法：

<div id="msg"></div>
<input id='txt' value="" />
<script type="text/javascript">
//当状态改变的时候执行的函数
function handle() {
document.getElementById('msg').innerHTML = '输入的文字长度为：' + document.getElementById('txt').value.length;
}
//firefox下检测状态改变只能用oninput,且需要用addEventListener来注册事件。
if (/msie/i.test(navigator.userAgent)) //ie浏览器
{
document.getElementById('txt').onpropertychange = handle
}
else {//非ie浏览器，比如Firefox
document.getElementById('txt').addEventListener("input", handle, false);
}
</script>

转载于:https://www.cnblogs.com/ITzhangyunpeng/p/9361559.html

文本框改变之onpropertychange事件相关推荐

WPF中的文本框改变事件
WPF中的文本框改变事件开发工具与关键技术:Visual Studio 2017.WPF 撰写时间:2019年8月16日下面我们做一个文本框的改变事件,在一个文本框输入数值,另一个文本框会发生改变 ...
MVVM文本框改变事件
开发工具与关键技术:VS 作者:卢惠圳撰写时间:2021年6月27日首先,还是将页面的样式写好然后再写一个文本框改变的触发器,然后将触发器和后台的命令绑定,代码如下图: 然后就是后台了,先写好要与 ...
html 点击文本框则选中,JS事件内容选中事件（onselect）选中事件，当文本框或者文本域中的文字被选中时，触发onselect事件，同时调用的程序就会被执行。...
内容选中事件(onselect) 选中事件,当文本框或者文本域中的文字被选中时,触发onselect事件,同时调用的程序就会被执行. 如下代码,当选中用户文本框内的文字时,触发onselect 事件, ...
python作业.创建两个文本框，一个按钮。第 1 个文本框绑定任意键事件，敲击键盘任意可显示字符，在交互窗口中显示该字符；第 2 个文本框绑定＜a＞键事件，敲击键盘 a 字符，在交互窗口中显示 10
""" 创建两个文本框,一个按钮. 第 1 个文本框绑定任意键事件,敲击键盘任意可显示字符,在交互窗口中显示该字符: 第 2 个文本框绑定<a>键事件,敲击键 ...
创建两个文本框，一个按钮。第 1 个文本框绑定任意键事件，敲击键盘任意可显示字符，在交互窗口中显示该字符；
创建两个文本框,一个按钮.第 1 个文本框绑定任意键事件,敲击键盘任意可显示字符,在交互窗口中显示该字符:第 2 个文本框绑定键事件,敲击键盘 a 字符,在交互窗口中显示 10 个'a'字符:按钮绑定 ...
layui文本框的点击事件实现
记录一下layui文本框的点击事件 <input type="text" id="inputMaterialClassName" name="M ...
jquery文本框改变事件
可参考如下几个事件: <!doctype html> <html lang="en"> <head><meta charset=" ...
IOS文本框readonly时焦点事件
在ios的h5页面中,使用表单时经常会用到文本框只读,点击时出现弹出层的场景. 但是ios的文本框只读属性,在弹出时,页面下方还是会出现文本框光标存在时的元素,我们通常是不希望除了弹出层之外的任何东西 ...
java 文本框输入监听事件_JAVA GUI 事件监听事件详解和案例.
GUI(图形用户界面) Graphical User Interface(图形用户接口) 用图形的方式, 来显示计算机操作的界面, 这样更方便更直观. CLI Command Line Use ...
java文本框添加单击事件_Java文本框上的ActionEvent事件
三个概念:事件源, 监视器, 处理事件的接口事件源能够产生事件的对象都可以成为事件源,如文本框.按钮.下拉式列表等. 事件源必须是一个对象,而且这个对象必须是 Java认为能够发生事件的对象. 监 ...

文本框改变之onpropertychange事件

文本框改变之onpropertychange事件相关推荐

最新文章

热门文章