怎样写文本框的onchange事件？

steveyue 2003-12-13 05:10:53

想判断文本框的内容改变了没有，要用onchang事件捕捉，但怎样写啊？能梆梆忙吗？要点代码啊？

...全文

33 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

xzq686 2003-12-14

打赏
举报

<input type="text" onchange="chan()">
<script language="javascript">
function chan()
{
alert(Your text changed!);
}
</script>

wanghr100 2003-12-13

打赏
举报

用onpropertychange事件捕捉.
<input type=text onpropertychange="alert('Change!')" value="灰豆宝宝.net">

bzscs 2003-12-13

打赏
举报

onchange在用于文本框输入框时,有一个明显的不足. 事件不会随着文字的输入而触发,而是等到文本框失去焦点(onblur)时才会触发. 也就是没有即时性! 在IE下,可以用onpropertychange来代替onchange事件,当文本框有任何变化时,能立即触发此事件. 这样一来问题就解决了. 那其他浏览器呢,onpropertychange可是IE的专利. 接下来就是oninput事件了. 但是oninput有个诡异,必须用addEventListener的方式来绑定事件.否则无效. 好了, 以下是演示例子, 主流浏览器都没问题: on用onpropertychange,oni

也就是说：onpropertychange事件在用键盘每改变一下文本框的值或用js改变其值便会触发一下，而onchange只有在用键盘改变其值，然后在失去焦点(onblur)后才触发，用js改变其值不能触发!onpropertychange和onchange都不管文本框中的实际值有没有变，只要有改的相应操作就可能触发。有时当上面两时间都不能满足需求时，可以考虑只用onblur。还有一点要注意到，当onblur和onchange事件一起用时，onblur会出问题。。。。详见如下测试页面：通过js改变文本框中的值后触发的事件：onpropertychange事件测试onprop

本文实例讲述了js文本框输入内容智能提示效果代码。分享给大家供大家参考。具体如下：运行效果截图如下：大体思路： 1.监听文本框事件。这里是用的keyup事件。大家可以尝试用onchange事件。不过感觉keyup事件的效果要好一点。 2.根据输入内容通过ajax异步的方式去访问后台数据。 3.遍历返回数据将数据添加到显示区域。 4.在添加数据的同时给每一条数据加上一些效果，点击其中一条将数据填到文本框，并且提示内容消失。 5.后台数据应该拼接成json格式。具体代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona

JavaScript脚本中常用事件，例如：onClick事件（鼠标单击事件是最常见的事件之一，当用户单击鼠标按钮时。同时onClick指定的事件处理程序或代码将被调用执行），onChange事件就是当文本框的内容改变时发生的事件，onSelect事件就是当文本框的内容被选中时发生的事件，onFocus事件就是当光标落在文本框中时发生的事件等等

常用javaScript事件归纳。常用事件： 1.onclick 鼠标单击事件通常在下列基本对象中产生： button（按钮对象） checkbox（复选框）或（检查列表框） radio （单选钮） reset buttons（重要按钮） submit buttons（提交按钮）例如可通过下列按钮激活change()文件： 2.onLoad页面加载事件：当页面加载时，自动调用函数（方法）。注意：此方法只能写在标签之中！ 3.onScroll窗口滚动事件：当页面滚动时调用函数。注意：此事件写在方法的外面，且函数名（方法名）后不加括号！例：window.onscroll=move; 4.onBlur失去焦点事件：当光标离开文本框是触发调用函数。当text对象或textarea对象以及select对象不再拥有焦点、而退到后台时，引发该文件，他与onFocas事件是一个对应的关系。 5.onFocus事件：光标进入文本框时触发调用函数。当用户单击Text或textarea以及select对象时，产生该事件。 6.onChange事件：文本框的value值发生改变时调用函数。当利用text或textarea元素输入字符值改变时发该事件，同时当在select表格项中一个选项状态改变后也会引发该事件。例： 7.onSubmit事件：属于

表单元素，写在表单标签内。语法：onSubmit=”return 函数名()” 8.onKeyDown事件：在输入框中按下键盘上的任何一个键时，都会触发事件，调用函数。注意：此事件写在方法的外面，且函数名（方法名）后不加括号！例：document.onkeydown=函数名（）。 9.setTimeout(“函数名()”,间隔时间（以毫秒为单位）)； 10.clearTimeout(对象) 清除已设置的setTimeout对象鼠标相关事件： 1.onMouseOver：鼠标移动到某对象范围的上方时，触发事件调用函数。注意：在同一个区域之内，无论怎样移动斗志触发一次函数。 2.onMouseOut:鼠标离开某对象范围时，触发事件调用函数。 3.onMouseMove: 鼠标移动到某对象范围的上方时，触发事件调用函数。注意：在同一个区域之内，只要一动一次就出发一次事件调用一次函数。 4.onmouseup 当鼠标松开 5.onmousedown 当鼠标按下键 document对象常用的方法： 1.document.getElementById():通过id获得唯一的一个HTML元素，没有id时，通过name查找 2.document.getElementByName()：获取相同名称的一组元素。主要用于表单中的复选框 Date对象常用方法： Var a=new Date(); //创建a为一个新的时期对象 y=a.getYear(); //y的值为从对象a中获取年份值两位数年份 y1=a.getFullYear(); //获取全年份数四位数年份 m=a.getMonth(); //获取月份值(0-11) d=a.getDate(); //获取日期值 d1=a.getDay(); //获取当前星期值 h=a.getHours(); //获取当前小时数 m1=a.getMinutes(); //获取当前分钟数 s=a.getSeconds(); //获取当前秒钟数

CSS

61,112

社区成员

60,732

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章