HTML文本框内容发生变化时引发事件执行

最近在做的程序中需要这样的一个功能:当HTML文本框内容生发变化时执行JavaScript函数.

最初的想法是使用onchange,但这个事件只有当文本框失去焦点时才会触发,后来就找到了onpropertychange事件.如下:

<input id="textRoad" type="text" size="15" onpropertychange="alert(this.value);">

但很快发现存在问题.在使用微软拼音输入法和部分五笔输入法时,每次有键按下都会触发onpropertychange事件.

想来想去,改于onkeyup事件加判断条件来处理,代码如下:

var sOldValue;

sOldValue = "";

function tttt(vNewValue)

{

//alert(vNewValue);

if (sOldValue != vNewValue)

{

alert(vNewValue);

sOldValue = vNewValue;

}

</script>

<body">

</body>

由一个变量sOldValue记录文本框原始值,onKeyUp时,判断新值与原始值比较是否有发生变化.若有变化时,执行相应的处理.

现在基本实现了要达到的目标.唯一的遗憾是:微软拼音比较诡异,是先把字输入到文本框,再由用户选择,再修改文本框内的值.

HTML文本框内容发生变化时引发事件执行相关推荐

[事件处理] js实现的文本框内容发生改变立马触发事件简单介绍
js实现的文本框内容发生改变立马触发事件简单介绍: 本章节介绍一下如何在文本框的内容发生变化的时候,立马触发一个事件执行响应的操作,而不是像是keydow或者keyup事件一样,只能够检测通过键盘输入 ...
文本框内容自动投影，浅谈C#中事件的写法与应用
C#中委托和事件,对应设计模式:Observe观察者模式触发事件A的时候自动引起事件B的改变有两个打开的窗体Form1,Form2 都有一个文本框控件TextBox Form1的文本框输入内容时, ...
vba 判断文本框内容是否为空_VBA代码用SetFocus精确控制焦点事件
VBA++ 题记: 静下心,多学习有用的知识,多提高自己的水平和能力,这才是正道.时间就像一张网,你撒在哪里,你的收获就在哪里.谨记自己的方向,这是路之所在.适当节制自我的各种欲望,谁都逃不过时间的历 ...
python获取文本框内容_jquery获取文本框的内容
使用jquery获取文本框的内容有以下几种: 1.根据ID取值(id属性): // javascript function getUserName(){ var username= $("# ...
vba 判断文本框内容是否为空_校验数据一旦失败，VBA代码自动控制焦点返回的另一备选方案...
大家好,我们今日继续讲解VBA代码解决方案的第95讲内容:如果文本框的录入校验不能通过,光标仍返回文本框中的另一方案.在上一讲中我讲了利用EXIT事件中的Cancel 参数的设置来达到我们的目的(值是 ...
jquery:当内容发生改变时触发事件
jquery:当内容发生改变时触发事件 (当元素的值改变时发生 change 事件(仅适用于表单字段). change() 方法触发 change 事件,或规定当发生 change 事件时运行的函数. ...
python获取网页文本框内容_python识别html主要文本框
在抓取网页的时候只想抓取主要的文本框,例如 csdn 中的主要文本框为下图红色框: 抓取的思想是,利用 bs4 查找所有的 div,用正则筛选出每个 div 里面的中文,找到中文字数最多的 div 就 ...
本节作业之显示不同问候语、显示密码、关闭二维码、循环精灵图背景、显示隐藏文本框内容、密码框格式提示错误、京东关闭广告、新浪下拉菜单、开关灯、换肤、表格隔行变色、表单取消全选、tab栏切换、发布删除留言
本节作业之显示不同问候语.显示密码.关闭二维码.循环精灵图背景.显示隐藏文本框内容.密码框格式提示错误.京东关闭广告.新浪下拉菜单.开关灯.换肤.表格隔行变色.表单取消全选.tab栏切换.发布删除留言 ...
DOM--操作元素案例：分时显示不同的图片以及问候语；仿淘宝关闭标签案例；隐藏显示文本框内容；仿新浪注册页面中密码长度的判定
分时显示不同的图片以及问候语分析: 根据不同的时间来判断,所以需要获取到系统的时间. 利用分支语言来设置不同的图片需要更换不同的图片,因此需要操作img的元素src 需要一个div来显示不同问候语 ...
Swift - 文本输入框内容改变时响应，并获取最新内容
1,问题描述有时我们开发的时候需要先把"确认"按钮初始设置为不可用,当文本框中输入文字以后,再将输入按钮变为可用. 2,实现原理 (1)要检测文本框内容的变化,我们需要让新界面的 ...

HTML文本框内容发生变化时引发事件执行

HTML文本框内容发生变化时引发事件执行相关推荐

最新文章

热门文章