在javascript中,常用的时间有click、dbclick、mousedown、mouseup、mousemove、mouseout、change、select、submit、keydown、keypress、keyup、blur、focus、load、resize、scroll、error
jquery 通过bind()方法来为元素绑定这些时间,可以传递三个参数:bind(type、[data]、fn),type表示一个或多个类型的事件名字符串:[data]是可选的,作为event.data属性传递一个额外的数据,这个数据是一个字符串、一个数字、一个数组或一个对象:fn表示绑定到指定元素的处理函数
注意区分:mouseover()方法跟mouseenter()方法
mouseover是会出发字节点
以此图为例,代码如下
$(‘div‘).mouseover(function(){ $(‘strong‘).html(function(index,value){ return value+"1"; }) }) <div style="width=200px;height:200px;background:green;"> <p style="width=100px;height:100px;background:red;"></p> </div> <strong></strong>
结果是党鼠标移入绿色区域的时候,出现1,当移入红色区域的时候也出现了1,原因就是mouseover触发子节点,因此产生了另外一种方法产生了mouseenter,不会触发子节点,mouseout也是同样的道理
当 textarea 或文本类型的 input 元素中的文本被选择时,会发生 select 事件。
当元素的值发生改变时,会发生 change 事件。
该事件仅适用于文本域(text field),以及 textarea 和 select 元素。当用于 select 元素时,change 事件会在选择某个选项时发生。当用于 text field 或 text area 时,该事件会在元素失去焦点时发生。
submit标签适用于表单,但是是基于form的基础上 例如:$(‘form‘).submit(function(){alert(1)};)
原文:http://www.cnblogs.com/miaomiao8899/p/5114376.html