onChange和onClick的区别

1、使用情景不同

OnChange经常用于select下拉列表选中后的内容发生改变时候触发
OnClick表示的是点击该控件时触发;如果onclick的触发事件是一个alert，那么将会一直触发，根本无法弹出下拉框进行切换选择。

2、含义不同

OnChange：当控件的内容发生改变时触发该事件
OnClick：点击该控件时触发

3、onchange事件就是这样子的；你得有Change(改变),才能触发该事件。

举个例子：

<select name=sel onchange="bao(this.options[this.options.selectedIndex].value)">
<option value="">请选择
<option value="1">Item 1
<option value="2">Item 2
<option value="3">Item 3
</select>
<script>
function bao(s)
{
txt.value+=s;
//选择后,让第一项被选中,这样,就有Change了。
document.all.sel.options[0].selected=true;
}
</script>
<textarea id=txt></textarea>

onChange和onClick的区别相关推荐

onChange和onClick的区别？
1.使用情景不同 OnChange经常用于select下拉列表选中后的内容发生改变时候触发 OnClick表示的是点击该控件时触发 2.含义不同 OnChange:当控件的内容发生改变时触发该事件 O ...
click()和onclick()的区别
click()和onclick()的区别: 1.onclick是绑定事件,告诉浏览器在鼠标点击时候要做什么 click本身是方法作用是触发onclick事件,只要执行了元素的click()方法,就会触 ...
js中click()与onclick()的区别
由一个简单示例到 js中click()与onclick()的区别之前朋友在学习js的时候遇到一个有意思的问题. 先贴一份代码说一下代码构成这里是html结构 <ul><li> ...
jQuery中click和onclick的区别
click()和onclick()的区别: 1.onclick是绑定事件,告诉浏览器在鼠标点击时候要做什么 click本身是方法作用是触发onclick事件,只要执行了元素的click()方法,就会触 ...
JS中click和onclick本质区别
本文主要JavaScript中click和onclick本质区别 click是一个方法,onclick是一个事件. 求同: 告诉浏览器在鼠标点击时候要做什么. 存异: click属于方法,是JS语句直 ...
onchange、onclick、onblur等点击触发事件区别
标签: onblur:控件在失去焦点的时候触发OnChange:当控件的内容发生改变时触发该事件OnClick:点击该控件时触发OnKeyDown:在控件有焦点的情况下,按下键时发生OnKeyUp:在 ...
oninput,onpropertychange,onchange的用法和区别
1.前言由于工作需要,需实现一个类似于微博输入框的功能,在用户动态输入文字的时候,修改提示"您还可以输入XX字".如下图所示: 因此,稍微研究了一下oninput,onprope ...
addEventListener的click和onclick的区别
前两节都和addEventListener的click有关,于是在想它与onclick有什么区别呢,自己调试了一下,网上也有相关资料事件绑定 onclick绑定方式优点: - 简洁 - 处理事 ...
a标签的href和onclick的区别
链接的 onclick 事件被先执行,其次是 href 属性下的动作(页面跳转,或 javascript 伪链接): 假设链接中同时存在 href 与 onclick,如果想让 href 属性下的动作 ...

onChange和onClick的区别

1、使用情景不同

2、含义不同

3、onchange事件就是这样子的；你得有Change(改变),才能触发该事件。

举个例子：

onChange和onClick的区别相关推荐

最新文章

热门文章