标签:额外 sed submit color type eve val style 点击
一.常用的事件有:click、dblclick、 mousedown、mouseup、mousemove、mouseover、mouseout、change、select、submit、keydown、 keypress、keyup、blur、focus、load、resize、scroll、error。。。。。
二.Query 通过.bind()方法来为元素绑定这些事件。可以传递三个参数:bind(type,[data],fn):
type 表示一个或多个类型的事件名字符串.
[data]是可选的,作为 event.data 属性值传递一个 额外的数据,这个数据是一个字符串、一个数字、一个数组或一个对象.
fn 表示绑定到指 定元素的处理函数。
前提:jquery包的引入
准备的html:待续
第一部分:添加绑定事件: bind()
1.匿名函数
//使用点击事件
$(‘input‘).bind(‘click‘,function(){ //点击按钮后执行匿名函数 alert(‘点击!‘);
});
解释:给元素绑定click事件,函数为function(){}。
2.普通函数
//普通处理函数 $(‘input‘).bind(‘click‘,fn); //执行普通函数式无须圆括号 function fn() { alert(‘点击!‘); }
解释:通过有函数名来调用。进一步绑定在事件上。
3.同时绑定多个事件
//可以同时绑定多个事件 $(‘input‘).bind(‘mouseout mouseover‘, function(){ //移入和移出分别执行一次 $(‘div‘).html(function(index,value) { returnvalue+‘1‘; }); });
4.对象键值对绑定多个参数(函数)
//通过对象键值对绑定多个参数 $(‘input‘).bind({ //传递一个对象 ‘mouseout‘:function(){ //事件名的引号可以省略
alert(‘移出‘); }, ‘mouseover‘:function() { alert(‘移入‘); } });
第二部分:删除绑定事件:unbind()
1.删除所用当前的元素事件
//使用 unbind 删除绑定的事件 $(‘input‘).unbind(); //删除所有当前元素的事件
2.删除指定的事件
//使用 unbind 参数删除指定类型事件 $(‘input‘).unbind(‘click‘); //删除当前元素的 click 事件
3.删除指定函数
//使用 unbind 参数删除指定处理函数的事件 function fn1(){ alert(‘点击 1‘); } functionfn2(){ alert(‘点击 2‘); } $(‘input‘).bind(‘click‘,fn1); $(‘input‘).bind(‘click‘,fn2); $(‘input‘).unbind(‘click‘,fn1); //只删除 fn1 处理函数的事件
标签:额外 sed submit color type eve val style 点击
原文地址:http://www.cnblogs.com/bfwbfw/p/6243508.html