事件绑定的方法有很多种，使用了jquery那么原理那种绑定方式(elem.click = function(){...}))就不太想推荐给大家了。最主要的原因是elem.click=fn这种方式只能绑定一个事件处理，多次绑定的只会保留最后一次绑定的结果。 下面给大家介绍jquery绑定事件的方式有哪些吧。代码如下: jQuery.fn.eventType([[data,] fn])比如eventType指的是事件类型，比如click: $("#chua").click(fn); data这个参数一般都不会使用。这种方式事件绑定在...
又是一个重磅功能点。在分析源码之前分析一下体系结构，有助于源码理解。实际上在jQuery出现之前，Dean Edwards的跨浏览器AddEvent()设计做的已经比较优秀了；而且jQuery事件系统的设计思想也是基于该思想的，所以我们先分析一下Dean Edwards前辈的事件绑定。 a. jQuery事件原型——Dean Edwards的跨浏览器AddEvent()设计源码解读//事件添加方法 function addEvent(element, type, handler) {//保证每个不同的事件响应函数只有唯一...
在上篇文章给大家介绍了jQuery-1.9.1源码分析系列（十）事件系统之事件体系结构，本篇继续给大家介绍jquery1.9.1源码分析系列相关知识，具体内容请看下文吧。 首先需要明白，浏览器的原生事件是只读的，限制了jQuery对他的操作。举个简单的例子就能明白为什么jQuery非要构造一个新的事件对象。在委托处理中，a节点委托b节点在a被click的时候执行fn函数。当事件冒泡到b节点，执行fn的时候上下文环境需要保证正确，是a节点执行了fn而...
发现一个小点，先前没有注意的jQuery重载stopPropagation函数调用的本地事件对象的stopPropagation函数阻止冒泡。也就是说，阻止冒泡的是当前节点，而不是事件源。说到触发事件，我们第一反应是使用$(...).click()这种方式触发click事件。这种方式毫无疑问简洁明了，如果能使用这种方式推荐使用这种方式。但是如果是自定义事件呢？比如定义一个$(document).on("chuaClick","#middle",fn);这种情况怎么触发事件？这就要用到$("#midd...
首先，大家都知道，jQuery事件触发时有2种机制，一种是事件委托，另一种是事件冒泡（IE情况暂时不考虑）。拿click事件做例子，先附上一段代码： html：我是按钮style: .hid{display:none; }script：$('#box').click(function(){$(‘#btn').toggleClass(‘hid'); }) $('#btn').click(function(){alert('btn'); })这段代码的本意是，当我点击#btn的时候，我要alert出来“btn”字符串，而当我点击#box的时候，我要把#btn隐藏，但是，在...
部分jQuery常用的动画函数，整理了一下，在做交互式页面的时候挺有用的.css('a','12px'); .css({a:'12px',b:'#fff' }); .show(); .hide(); .toggle(); .fadeIn(); .fadeOut(); .fadeToggle(); .slideDown(); .slideUp(); .slideToggle(); .text('string'); .animate({a:'40px',b:'ccc' },200) .fadeTo(600,0.4);然后又整理了一些animate函数能够操作的css属性，其实也是从网上其他地方找来的(http://www.gxlcms.com/article/75510....
有时候，需要通过模拟用户操作，来达到点击的效果，例如用户进入页面后 就触发click事件，而无需主动点击。 比如以下代码：点击1点击2点击3实现效果为点击1页面上将显示x1 ,点击2页面上显示x2 … 但需要实现首次进入页面为默认是点击1 在jQuery中，可以使用trigger()方法完成模拟操作。 例如可以使用下面的代码来触发A链接的click事件。 $(a).first().trigger("click"); 这样 当页面加载完毕后，触发第一个A链接的click事件，页...
Dom是Document Object Model的缩写，意思是文档对象模型。DOM是一种与浏览器、平台、语言无关的接口，使用该接口可以轻松访问页面中所有的标准组件。 DOM操作可以分为三个方面即DOM Core(核心)、HTM-DOM和CSS-DOM。 jQuery DOM 元素方法 函数描述.get()获得由选择器指定的 DOM 元素。.index()返回指定元素相对于其他指定元素的 index 位置。.size()返回被 jQuery 选择器匹配的元素的数量。.toArray()以数组的形式返回 jQuery 选择器...
本文实例讲述了jQuery实现获取绑定自定义事件元素的方法。分享给大家供大家参考，具体如下：(function ($) { // 自定义itemtab事件 $.fn.bind = function(types, data, fn) { // 重载jQuery.fn.bind方法，用来截获绑定自定义事件的元素if(typeof types == 'string' && 'itemtab' == types) {var itemTouchStart = -1; // touchstart位置var itemTouchMove = -1; // touchend位置，值为-1时表示未触发var itemTriggerDistance = 0; ...
触摸事件(touch) 在 jQuery Mobile 中有一些触摸事件是可定制的。然而，这些事件仅当与支持触摸功能的设备进行交互的用户访问您的 jQuery Mobile 网站时才可用。当这些事件可用时，您可以触发任何自定义java script 作为对五种不同的事件的响应tap、taphold、swipe、swipeleft 和 swiperight。 tap(轻击)：一次快速完整的轻击后触发 taphold（轻击不放）：轻击并不放（大约一秒）后触发 swipe(滑动)：一秒内水平拖拽大于30PX，或者...
页面初始化事件(pagebeforecreate、pagecreate) Jquery Mobile会自动基于page"内的增强的约定自动初始化一些插件。例如：给一个input输入框约定了type=range属性会自动生成一个自定义滑动条。这些自动初始化的行为是受"page"插件控制的，它在执行前后部署部署事件，允许你在初始化前后操作页面，或者甚至自己提供初始化行为，禁止自动初始化。注以下的页面初始化事件在每个“page”只被触发一次，与每次页面在显示或者隐藏的show/h...
一、什么是jquery事件冒泡 在很多教材或者手册都可能会涉及到事件冒泡的概念，老手来说这当然是最基本的概念，但往往对于初学者可能比较陌生或者说从来没有听说过。下面就结合代码实例来简单介绍一下什么是事件冒泡。 代码实例如下:事件冒泡$(document).ready(function(){$("#second").click(function(){alert("我是second"); })$("#first").click(function(){alert("我是first"); }) })点击查看效果在以上代码中，我们可能只...
项目中要监听键盘组合键CTRL+C，以便做出对应的响应。查了一些方法但是其兼容性和稳定性不是很高，最终得到如下方法，经测试在Firfox、Chrome、IE中均可以使用。 一、使用javascript实现二、使用jquery实现三、说明 event.ctrlKey 功能：检测事件发生时Ctrl键是否被按住了。 语法：event.ctrlKey 取值：true | false 1|0 说明： ctrlKey属性为true表示事件发生时Ctrl键被按下并保持，为false则Ctrl键没有按下。 ctrlKey属性可结...
本文实例讲解了鼠标指针停止运动触发事件实例代码，分享给大家供大家参考，具体内容如下 在js中有有内置的鼠标各种事件，比如click事件，mousemove事件等等，但是并没有鼠标指针停止运动这个事件，下面就利用jquery模拟实现此效果，希望能够给需要的朋友带来一定的帮助。 代码如下:鼠标指针停止运动#top {width:200px;height:100px;background-color:#ccc; } #bottom {width:200px;height:100px;background-color:#ccc; }(function...
本文实例分析了jQuery事件绑定用法。分享给大家供大家参考，具体如下： html:addBtn button1button2button3javascript:function addBtn(){$('#mDiv').append(' button5')} jQuery(function($){ //使用on代替live和delegate（live由于性能原因已经被废弃，被delegate代替）,新添加到mDiv的button依然会有绑定的事件 $('#mDiv').on('click','.cBtn',function(index, eleDom){ alert($(this).html())}); //使用on代替bind $('.cBtn')....