在以jQuery为基础库的前端开发体系中，经常会在一个页面上通过各种标识绑定许许多多的事件。就算简单的使用了事件代理，也还是造成了事件的分散，不好维护和管理。 那么，如何解决这个问题呢？而我，想到了backbone中的events。如下:代码如下: events: {"click .icon": "open","click .button.edit": "openEditDialog","click .button.delete": "destroy"}也就是，把事件聚集到一起，类似事件处理中心这么一个概念。 简...
作为技术狂热分子的职业本能，看到一个技术产品的功能，总会忍不住想知道它是怎么被实现的。比如我每每看到别人网站一个很炫的界面或者很酷的功能，就忍不住打开了浏览器的控制台。。。 好，不扯远，说说当你想看到网站上某个元素绑定的事件函数的代码时应该怎么做吧。 查看原生绑定的事件函数代码 所谓原生就是通过addEventListener方法绑定到dom元素上。这个好办： 审查绑定事件的元素（对着它右键->审查元素）在弹出的Elements视...
Jquery如何为元素绑定事件，小记一下，防止忘记了！$(this).bind({ click:function(){ window.open(alert('OK')); }, mouseover:function(){ window.open(alert('OK')); }, mouseout:function(){ window.open(alert('OK')); } }); 以上所述就是本文的全部内容了，希望大家能够喜欢。
本文实例分析了JQuery中Bind()事件用法。分享给大家供大家参考。具体分析如下： 我们先看一下它的定义：.bind( eventType [, eventData], handler(eventObject)).Bind()方法的主要功能是在向它绑定的对象上面提供一些事件方法的行为。期中它的三个参数的意义分别如下： eventType是一个字符串类型的事件类型，就是你所需要绑定的事件。这类类型可以包括如下：blur, focus, focusin, focusout, load, resize, scroll, unload, click...
用animate做点击翻页动画时发现第二次点击事件动画没反应，而第一次点击有动画效果，代码如下：代码如下: $(".page").stop().animate({top:“-300px”}, 800, easeInOutExpo);第二次点击事件动画没反应的原因：top是page元素顶部相与其父元素顶部的距离，第一次点击后，page元素顶部已经移动到距其父元素顶部-300px的位置，第二次点击时的并不是page在移动后的位置继续t移动-300px，而是当前的位置据其父元素顶部-300px。显然第一次...
今天做一个项目，遇到了一个问题，是以前没有遇到过的，就此记上一笔。1、trigger方法解释官方是这么解释的：代码如下: Description: Execute all handlers and behaviors attached to the matched elements for the given event type.用法： .trigger( eventType [, extraParameters] )其中eventType包含javascript内置的事件、jQuery增加的事件和自定义事件。例如：$('#foo').bind('click', function() {alert($(this).text()); ...
本文实例讲述了Jquery注册事件实现方法。分享给大家供大家参考。具体如下：事件绑定var oldColor; $(function () {//注册ID为btnTest的按钮的click事件$("#btnTest").click(function () {var $divs = $("div");$divs.html("我是修改后的Div文本");});//注册ID为btnTest的按钮的mouseover事件,鼠标经过时添加背景色$("#btnTest").mouseover(function () {oldColor = $("#btnTest").css("background-color");$("#btnTest").css("back...
这篇文章主要介绍了jQuery取消特定的click事件实现方法,结合实例形式分析了jQuery简单实现事件绑定及取消事件绑定的相关技巧,需要的朋友可以参考下众所周知， jQuery可以多次绑定同一种事件， 而且绑定的每个事件都可以执行。 问题来了， 在动态生成的DOM中， 我们为某一元素绑定了两种不同的click（假设为A、B）， append元素时， 所有元素又绑定一次B， …… 这样会导致最后点击时B事件会成倍往上翻。幸运的是，jQuery 为我们提供...
啃了一段日子的js相关了，学的过程中发现在jQuery中绑定事件时，有人用bind()，有人用on()，有人用delegate()，还有人用live()，看代码的时候觉得都实现功能了也就掀过去了，只是一直没完全弄懂之间的区别，于是今天查了下资料，自己做个总结。 之所以有这么多类型的绑定方法，是因为jQuery的版本更新的原因，如on()方法就是1.7以后出现的。 jQuery的事件绑定api页面上，提到live()方法已经过时，不建议使用。所以这里我们主要就看...
本文实例讲述了JQuery中DOM事件合成用法。分享给大家供大家参考。具体分析如下： jQuery有两个合成事件——hover()方法和toggle()方法，类似前面讲过的ready()方法，hover()方法和toggle()方法都属于jQuery自定义的方法。 hover()方法 hover()方法的语法结构为： hover(enter,leave); hover()方法用于模拟光标悬停事件。当光标移动到元素上时，会触发指定的第1个函数(enter);当光标移出这个元素时，会触发指定的第2个函数(leave)。...
本文实例讲述了JQuery中DOM事件绑定用法。分享给大家供大家参考。具体分析如下： 在文档加载完成后，如果打算为元素绑定事件来完成某些操作，则可以使用bind()方法来对匹配元素进行特定事件的绑定，bind()方法的调用格式为： bind( type [, data] , fn); bind()方法有3个参数，说明如下。 第1个参数是事件类型，类型包括：blur、focus、load、resize、scroll、unload、click、dblclick、mousedown、mouseup、mousemove、mouseover、...
本文实例讲述了JQuery中DOM加载与事件执行原理。分享给大家供大家参考。具体分析如下： JavaScript和HTML之间的交互是通过用户和浏览器操作页面时引发的事件来处理的。当文档或者它的某些元素发生某些变化或操作时，浏览器会自动生成一个事件。例如当浏览器装载完一个文档后，会生成事件：当用户单击某个按钮时，也会生成事件。虽然利用传统的JavaScript事件能完成这些交互，但jQuery增加并扩展了基本的事件处理机制。jQuery不仅提...
本文实例讲述了JQuery中DOM实现事件移除的方法。分享给大家供大家参考。具体如下： 可以为同一个元素绑定多个事件，也可以为多个元素绑定同一个事件。假设网页上有一个元素，使用以下代码为该元素绑定多个相同的事件。$(function(){$('#btn').bind("click", function(){$('#test').append("我的绑定函数1");}).bind("click", function(){$('#test').append("我的绑定函数2");}).bind("click", function(){$('#test').append("我的绑...
本文实例分析了JQuery中DOM事件冒泡。分享给大家供大家参考。具体分析如下： 什么是冒泡 在页面上可以有多个事件，也可以多个元素响应同一个事件。假设网页上有两个元素，其中一个元素嵌套在另一个元素里，并且都被绑定了click事件，同时body元素上也绑定了click事件。外层div元素内层span元素外层div元素$(function(){// 为span元素绑定click事件$('span').bind("click",function(){var txt = $('#msg').html() + "内层span元素被...
本文实例讲述了JQuery自动触发事件的方法。分享给大家供大家参考。具体如下： 常用模拟 有时候，需要通过模拟用户操作，来达到单击的效果。例如在用户进入页面后，就触发click事件，而不需要用户去主动单击。 在JQuery中，可以使用trigger()方法完成模拟操作。例如可以使用下面的代码来触发id为btn的按钮的click事件。 $(#btn).trigger("click"); 这样，当页面加载完毕后，就会立刻输出想要的效果。也可以直接简写click()，来达到同...