【jQuery事件对象的作用(利用冒泡事件优化)】教程文章相关的互联网学习教程文章

jquery 事件--表单事件【代码】

一、focus() 与 blur()与focusin() , focusout() 的区别:是否支持冒泡处理focusin(): 事件绑定在父元素div,当它内部 有input获得焦点,会冒泡给父元素div。focusout() 也是 <div class="box">点击触发焦点(无反应):<input type="text"/></div>$(".box").focusin(function() {$(this).css(‘border‘, ‘2px solid red‘);// 点击input,input获得焦点,冒泡到父元素div ,父元素div加上了边框,$(this)代表父元素.box而不是点击...

jquery中的事件与应用

mouseover和mouseenter的区别mouseenter的定义是当鼠标穿过该元素才会被执行,而mouseover是当鼠标穿过该元素或者其子元素皆会触发该事件 mouseleave一般是与mouseenter一起用的,mouseenter是代表着鼠标穿过该元素则触发事件,mouseleave是离开后的样式, *然后:mouseout和mouseeave的区别其实也是与上面移入事件的区别,mouseout不论是从子元素还是该元素离开都会触发事件,而mouseeave却是只有在离开该元素才会被执行 * cha...

jQuery刷新div内容,并对刷新后元素绑定事件。$(document).on()【代码】

给id=zt的元素绑定点击事件点击刷新id=ps_list中类容(内容中含有id=zt元素)把zt的点击事件委托到了document上,这样就不用考虑事件是否能绑定到新加元素上代码如下:$(document).on("click", "#zt", function() {var ps_list = $("#ps_list").html();$("#ps_list").html(ps_list);})原文:http://www.cnblogs.com/jtzfeng/p/5264659.html

Jquery事件【代码】

<body><input type="button" value="测试" onclick="test()" /> <input type="button" value="测试2" id="btn" /><input type="button" value="测试3" class="btn" /> <input type="button" value="测试4" class="btn" /> <input type="button" value="测试5" class="btn" /><input type="button" value="挂事件" id="gua" /> <input type="button" value="测试事件" id="ceshi" /> <input type="button" value="移除事件" id="yic...

jQuery中的事件处理:return false、阻止默认行为、阻止冒泡以及兼容性问题

转自:http://wyqbailey.diandian.com/post/2012-07-12/40030551971return false在jQuery中,我们常用return false来阻止浏览器的默认行为,那”return false“到底做了什么?当你每次调用”return false“的时候,它实际上做了3件事情:event.preventDefault();event.stopPropagation();停止回调函数执行并立即返回。对,你没看错,return false确实做了这么多操作。它之所以被一再无误用,是因为使用它后看起来像是完成了我们的阻...

JS与Jquery的事件委托机制【代码】

传送:http://www.ituring.com.cn/article/467概念:  什么是事件委托:通俗的讲,事件就是onclick,onmouseover,onmouseout,等就是事件,委托呢,就是让别人来做,这个事件本来是加在某些元素上的,然而你却加到别人身上来做,完成这个事件。  举个列子:有三个同事预计会在周一收到快递。为签收快递,有两种办法:一是三个人在公司门口等快递;二是委托给前台MM代为签收。现实当中,我们大都采用委托的方案(公司也不会容忍...

jQuery中animate动画第二次点击事件没反应

jQuery中animate动画第二次点击事件没反应用animate做点击翻页动画时发现第二次点击事件动画没反应,而第一次点击有动画效果,代码如下:复制代码 代码如下: $(".page").stop().animate({top:“-300px”}, 800, ‘easeInOutExpo‘);第二次点击事件动画没反应的原因:top是page元素顶部相与其父元素顶部的距离,第一次点击后,page元素顶部已经移动到距其父元素顶部 -300px的位置,第二次点击时的并不是page在移动后的位置继续t移动...

jQuery事件【代码】

1.ready()ready()事件类似于onLoad()事件,但前者只要页面的DOM结构加载后便触发,而后者必须在页面全部元素加载成功才触发,ready()可以写多个,按顺序执行。此外,下列写法是相等的:$(document).ready(function(){})等价于$(function(){});<script type="text/javascript">$(document).ready(function(){$("#btntest").bind("click", function () {$("#tip").html("我被点击了!");});});</script>2.bind()bind()方法绑定元素的...

HTML5 audio元素如何使用js与jquery控制其事件【代码】

前言:  每一次遇见问题想到的就是怎么解决?最好的方法还是查询网络媒体,更好的办法是让自己记忆,只有自己理解到了才真正是属于自己。要做一个订单提醒功能,没有使用audio相关的插件,虽然插件无数,还是喜欢自己瞎折腾。(来一些隐形的链接,据说有推广效果,本文原创官网地址:www.pushself.com)  听一个写博客的朋友说周末的博客阅读量明显下降,周末大好时光不出去泡妹子的肯定是有难言之隐的。先来重温一下audio标签的...

JQuery获取页面关闭事件【代码】

<script type="text/javascript" language="javascript"> $(window).unload(function(){//响应事件alert("获取到了页面要关闭的事件了!"); }); </script> 原文:http://www.cnblogs.com/kongxiaoshuang/p/5897415.html

JQuery Mobile - 为什么绑定事件后会被多次执行?【代码】

JQuery Mobile 在绑定事件时候,发现会被多次执行,为什么啊?原来,jquery click 不是替换原有的function ,而是接着添加,所以才会执行次数越来越多,怎么办才能按需实现功能?在执行正常点击事件之前,解绑事件!!JQuery对事件的绑定主要有两种方式,分别是on和bind,这两种方式分别对应的解绑方式为off和unbind,知道这些,我们就可以写代码了:一,用on和off// off和on绑定"tap"方法$("#changePassword").off("tap").on("ta...

jQuery 事件的命名空间的含义【代码】

对于jquery的on的events解释是 一个或多个空格分隔的事件类型和可选的命名空间,或仅仅是命名空间,比如"click", "keydown.myPlugin", 或者 ".myPlugin"。这里的命名空间是什么意思呢?作用又是什么呢?$(‘#element‘) .on(‘click‘, doSomething) .on(‘click‘, doSomethingElse); 像上面这样绑定事件监听器,当元素被点击时,doSomething 和 doSomethingElse 这两个监听器都会被触发。这是使用 jQuery 的一个便利之处,可以随...

jquery中事件重复绑定以及解绑问题

一般的情况下,对于这种情况,我们常规的思路是,先解绑,再绑定,如下:$(selector).unbind(‘click‘).bind(‘click‘,function(){....});当这样会有一个问题,unbind会把其之前的所有的click事件都unbind掉,可能会影响其他的绑定,有如下有两种方法解决:第一种:使用事件命令空间,来唯一标识这个click的绑定,这样在解绑是不会将其他click绑定的事件也给解绑。$(selector).unbind(‘click.selectorClick‘).bind(click.selec...

jQuery事件处理器的绑定及解除方法【代码】

前几天用bind()方法做事件绑定的时候发现还有其他几种事件绑定的方法,查阅了之后对比总结一下。内容详情请点链接~欢迎讨论拍砖~ .bind().bind(eventType [, eventData], handler) v1.0  给被选元素绑定一个事件处理程序。eventType为事件类型如"click","submit","mousedown"等; eventData为传给handler的数据(注意变量作用域); handler为事件发生时运行的函数。通过 .unbind(eventType [, handler]) 解除绑定。.bind({even...

jquery 自定义事件【代码】

众所周知类似于mousedown、click、keydown等等这类型的事件都是浏览器提供的,通俗叫原生事件,这类型的事件是需要有交互行为才能被触发。$(‘#elem‘).on(‘click‘, function() {alert("触发系统事件")});alert需要执行的条件:必须有用户点击才可以。如果不同用户交互是否能在某一时刻自动触发该事件呢? 正常来说是不可以的,但是jQuery解决了这个问题,提供了一个trigger方法来触发浏览器事件原文:http://www.cnblogs.com/lu...