onchange 事件

定义和用法

onchange 事件会在域的内容改变时发生。

语法

onchange="SomeJavaScriptCode"
参数 描述
SomeJavaScriptCode 必需。规定该事件发生时执行的 JavaScript。

支持该事件的 HTML 标签:

<input type="text">, <select>, <textarea>

支持该事件的 JavaScript 对象:

fileUpload, select, text, textarea
 1 <html>
 2 <head>
 3 <script type="text/javascript">
 4 function upperCase(x)
 5 {
 6 var y=document.getElementById(x).value
 7 document.getElementById(x).value=y.toUpperCase()
 8 }
 9 </script>
10 </head>
11
12 <body>
13
14 输入您的姓名:
15 <input type="text" id="fname" onchange="upperCase(this.id)" />
16
17 </body>
18 </html>

输出:

输入您的姓名:

onchange 事件,布布扣,bubuko.com

时间: 2024-12-07 21:32:09

onchange 事件的相关文章

checkbox onchange 事件 ie 下 不能及时触发

if(templatejquery.browser.msie){                ckb.onpropertychange=function()                { UpdateEnableState(current_checklist_ID);}            }else{                ckb.onchange=function()             { UpdateEnableState(current_checklist_ID);

JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参

JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转.传参(selected的值和页面其它元素的值) 代码如下: <script src="jquery.min.js" type="text/javascript"></script> <script language="javascript" type="text/javascript"> $(document

IE下onchange事件不立即执行

做前端开发免不了为浏览器的兼容而劳神,所以坚持把发现的浏览器兼容问题做做总结,是很有意义的. 比如IE8及以下的浏览器的onchange事件实在该控件失去焦点之后才执行的,也就是要点一下空白的地方,才能执行.解决办法很简单,改成onclick事件就好了. 来看个例子: <!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title

input的onchange事件实际触发条件与解决方法

nput中onchange事件已经属于元老级别了,并且现在同onclick一样使用频率很高,然而onchange的机制实际上有很多童鞋并不清楚,我们通过实例来分析这个事件的特征. 触发onchange 首先页面有一个input标签,并且已绑定onchange事件,如: <input type="text" onchange="console.log(this.value);" /> 这个事件要做的动作很简单,只是把input的值在控制台上打印出来就好.效

onchange事件与onpropertychange事件的区别

1.onchange事件与onpropertychange事件的区别:onchange事件在内容改变(两次内容有可能还是相等的)且失去焦点时触发:onpropertychange事件却是实时触发,即每增加或删除一个字符就会触发,通过js改变也会触发该事件,但是该事件IE专有.2.oninput事件与onpropertychange事件的区别:oninput事件是IE之外的大多数浏览器支持的事件,在value改变时触发,实时的,即每增加或删除一个字符就会触发,然而通过js改变value时,却不会触

HTML checkbox 之 onclick事件与onchange事件

在非IE浏览器下,onclick事件与onchange会同时触发,也就是onclick一定会改变check的状态 在IE浏览器下,在点击多次时,onclick事件与onchange不会同时触发,也就是onclick事件触发之后,有一定的几率不会触发onchange事件,即不会改变check的状态,导致一些莫名其妙的错误. 建议在使用checkbox的事件的时候,尽量避免用onclick事件.

select onchange 事件的触发

做小组内使用的一个简单工具,其中要实现的一个小功能是当某个下拉菜单的选择值改变时触发另一表单元素的属性变化.自然的想到使用select表单元素的onchange事件. 下拉菜单部分的代码如下: <select name="type" id="type" disabled="disabled" onchange="setDelType(this)"> <option value="1">

关于下拉框的onchange事件和onclick选择value值。

下拉框的onchange事件和onclick,一般最好都选择onchange事件,onclick可能会不兼容有些浏览器. 下面是代码: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>选择</title> <script src="js/lib/jquery/v1.12.3/jquery-1.

让jQuery的ajaxFileUpload插件支持onchange事件

ajaxFileUpload插件只能上传一次的BUG发现还不少人遇到,很不幸我也遇到的,使用后发现里面的坑还不少,在createUploadForm方法中有句 var newElement = jQuery(oldElement).clone(); // 修改成clone(true),同时复制事件 另外abort这个方法也需要自己去实现. 需要支持AMD规范要增加如下代码: (function (factory) { 'use strict'; if (typeof define === 'fu