JQuery基本的事件3
对事件的支持主要包括:
?bind()--为事件绑定处理程序,如:
$("p").bind("mouseenter mouseleave", function(e){ $(this).toggleClass("over"); });?unbind()--注销绑定在事件上的处理程序,如:$(document).unbind('ready');,如不给参数,则清除所有事件处理程序。
$("#unbind").click(function () { $("#theone").unbind('click', aClick); });trigger()--触发某类事件。
$("button:first").trigger('click');triggerHandler()--触发某类事件,但不触发默认的事件处理逻辑,比如a的定向。
$("input").triggerHandler("focus");one()--为事件绑定只能被触发一次的处理程序。
$("div").one("click", function(){ });ready()/click()/change()/toggle(fn,fn)/dblclick()……各种常规事件的快捷方式,xxx(fn)为绑定处理程序,xxx()为触发事件
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=GB2312"><title>jQuery EasyUI</title> <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="../themes/icon.css"> <script type="text/javascript" src="../jquery-1.4.4.min.js"></script> <script type="text/javascript" src="../jquery.easyui.min.js"></script> <style type="text/css"> textarea { height: 118px; width: 280px; } </style><script type="text/javascript">$(function(){//一个控件可以多个bind方法,写的时候可以$('mycontrols').bind().bind(); $('textarea').bind('propertychange',function(){ $('#result').html($('textarea').val()) }).bind('change',function(){ alert($('textarea').val()); });});</script>
</head>
<body>
<textarea></textarea>
<div id='result'></div>
</body>
</html>