jQuery学习笔记三:事件和事件触发器

文章标签: jquery
2015-1-8 17:25:52     11 人阅读    

本次学习的内容有:绑定事件的方式有哪些、事件触发其他时间的方式、事件对象的属性和方法
代码如下:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

<title>动态创建对象</title>

<script type="text/javascript">
$(function()
{
$("#new").click(function(){
$("#divResult").html("");
$("input").triggerHandler("focus");
}
});//上面这种方式和使用$(document).ready(function(){});是相同的作用和效果

//事件的触发器
$("#old").click(function(eve)
{
eve.stopPropagation();
alert( eve.isPropagationStopped());
$("#divResult").html("");
$("input").trigger("focus");



}
});
$("input").focus(function()
{
{ $("<span>Focused!</span>").appendTo("#divResult"); });



}
})




function a(){alert("aaa");}



</script>

</head>
<body>
<div id=testDiv>这个是测试DIV</div>
<button id="old">.trigger("focus")</button>
<button id="new">.triggerHandler("focus")</button>
<button id="t">test bind event</button>
<br />
<input type="text" value="To Be Focused" />
<div id="divResult"></div>

</body>
</html>
<script type="text/javascript">
$("#testDiv").click(function(event) {
alert(event.timeStamp); //时间戳
alert("test div clicked ! "); });


$("#t").bind("click",a);//动态注册事件


$(document).ready(

//function(){document.getElementById("old").click();}
/
//function(){$("#old").click();}
/
//function(){$("#old").trigger("click");}
function(){$("#t").click();}
)
);



</script>


原文地址:http://www.itmmd.com/201501/461.html
该文章由 萌萌的IT人 整理发布,转载须标明出处。

Java程序常用算法 批量替换特定的字符串   上一篇
下一篇  jQuery学习笔记二:DOM操作

精彩回复
发表评论
姓名:       

《程序员app》专门为程序员量身定做!