jquery 中点击事件$("div").live("click",function(){})和$("div").click(function(){})的区别

jquery 中点击事件$("div").live("click",function(){})和$("div").click(function(){})的区别,第1张

一、含义不同

1、$("div")live("click",function(){}):法为被选元素附加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。

2、$("div")click(function(){}):当点击元素时,会发生 click 事件。

二、特点不同

1、$("div")live("click",function(){}):方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素)。

2、$("div")click(function(){}):当鼠标指针停留在元素上方,然后按下并松开鼠标左键时,就会发生一次 click。

三、规定不同

1、$("div")live("click",function(){}):规定附加到元素的一个或多个事件。由空格分隔多个事件。必须是有效的事件。

2、$("div")click(function(){}):click() 方法触发 click 事件,或规定当发生 click 事件时运行的函数。

参考资料来源:jquery官网-live

参考资料来源:jquery官网-click

事件流描述的是从页面中接收事件的顺序,IE采用事件冒泡流,标准采用事件捕获流,最后addEventLister给出了第三个参数同时支持冒泡与捕获。

常用的事件主要有:

(1)单击事件:onclick。用户单击鼠标按键时产生的事件,同时。nclick指定的事件处理程序或代码将被调用执行

(2)改变事件:onchange。当text或textarea元素内的字符值改变或select表格选项状态改变时发生该事件。

(3)选中事件:onselect。当text或textarea对象中的文字被选中时会引发该事件。如:

<ipnut type="text" value="默认信息”onselect=alert(”您选中T文本框中的文字”)>

(4)获得焦点事件:onfocus。用户单击text或textarea以及select对象,即光标落在文本框或选择框时会产生该事件。如:

<select name= "zhengjian" onfocus=alert(”我成为焦点”)>

(5)失去焦点事件:onblur失去焦点事件正好与获得焦点事件相对,当text或textarea以及select对象不再拥有焦点而退出后台时,引发该事件。

(6)载人文件事件:onload,’当页面文件载人时产生该事件。onload的一个作用就是在首次载人一个页面文件时检测cookie的值,并用一个变量为其赋值,使它可以被源代码使用,本事件是window的事件,但是在HTML中指定事件处理程序时,一般把它写在<body>标记中。如:

<body onload=alert(”正在加载页面,请等待一”)>

(7)卸载文件事件:onunload。与载人文件事件。nload正好相反,当Web页面退出时引发的事件,并可更新。ookie的状态。如:

<body onunload=confirm(”你确定要离开本页”)>

(8)鼠标镇盖事件:onmouseover, onmouseover是当鼠标位于元素上方时所引发的事件。如:

<input type= "boutton" value=”按钮”onmouseover= "window status=‘请您注意下面的状态栏·;return true">

(9)鼠标离开事件:onmouseout, onmouseout是当鼠标离开元素时引发的事件。如果和鼠标覆盖事件同时使用,可以创建动态按钮的效果。

(10)一般事件。

ondbclick:鼠标双击事件。

onkeypress:当键盘上的某个键被按下并且释放时触发的事件,要求页面内必须有激活的对象。

onkeydown:当键盘上某个键被按下时触发的事件,要求页面内必须有激活的对象。

onkeyup:当键盘上某个键被放开时触发的事件,要求页面内必须有激活的对象。

(11)页面相关事件。

onabort:在下载时被用户中断时触发的事件。

onbeforeunload:当前页面的内容将要被改变时触发的事件。

本身就能实现的,style="cursor:pointer"这就是实现你的需求。只是需要点击d出ok的话做以下调整:onclick="javascript:alert('ok')"。需要加上javascript:

<div class="hexagon_father">

<div class="hexagon_child">

<div class="hexagon_childchild">

<img src="forestpng" style="cursor:pointer" onclick="javascript:alert('ok')">

</div>

</div>

</div>

以上就是关于jquery 中点击事件$("div").live("click",function(){})和$("div").click(function(){})的区别全部的内容,包括:jquery 中点击事件$("div").live("click",function(){})和$("div").click(function(){})的区别、javascript事件流是什么有哪些事件流、html图片的onclick事件无反应等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/10106517.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存