浏览jQuery的deprecated列表，发现live()和die()在里面了，赶紧看了一下，发现从jQuery1.7开始，jQuery引入了全新的事件绑定机制，on()和off()两个函数统一处理事件绑定。因为在此之前有 bind(), live(), delegate()等方法来处理事件绑定，jQuery从性能优化以及方式统一方面考虑决定推出新的函数来统一事件绑定方法并且替换掉以前的方法。 on(events,[selector],[data],fn) events:一个或多个用空格分隔的事件类型和可选的命名空间...
代码如下:unbind(type [,data]) //data是要移除的函数$(#btn).unbind("click"); //移除click$(#btn).unbind(); //移除所有 对于只需要触发一次的，随后就要立即解除绑定的情况，用one() 代码如下:$(#btn).one("click",function(){.......}); 触发操作trigger() 方法触发被选元素的指定事件类型。代码如下:$(#btn).trigger("click"); 也可以直接执行事件 代码如下:$(#btn).click(); 触发自定义事件bind() 方法为被选元素添加一个...
一、冒泡事件简介 当我们点击一个控件的时候，如果包括这个控件的父控件也有click事件，则会继续执行。比如：div下的a都有click事件，点击a的时候，会alert出现2次。这个现象叫做冒泡事件。 这个事件从原始元素开始一直冒泡到DOM树的最上层。目标元素: 任何一个事件的目标元素都是最开始的那个元素，在我们的这个例子中也就是按钮，并且它在我们的元素对象中以属性的形式出现。使用事件代理的话我们可以把事 件处理器添加到一个元素...
一、关于鼠标hover事件及延时 鼠标经过事件为web页面上非常常见的事件之一。简单的hover可以用CSS :hover伪类实现，复杂点的用js。 一般情况下，我们是不对鼠标hover事件进行延时处理。但是，有时候，为了避免不必要的干扰，常会对鼠标hover事件进行延时处理。所谓干扰，就是当用户鼠标不经意划过摸个链接，选项卡，或是其他区域时，本没有显示隐藏层，或是选项卡切换，但是由于这些元素上绑定了hover事件（或是mouseover事件），且...
对未来的元素绑定事件不能用bind， 1、可以用live代替，但是要注意jquery的版本,根据官方文档，从1.7开始就不推荐live和delegate了，1.9里就去掉live了。 2、推荐用on代替(注：1.7及以上的版本才支持)。用法：on(events,[selector],[data],fn) 代码如下: //放在$(function(){})里才有效 $(document).on("click", "#testDiv", function(){ //此处的$(this)指$( "#testDiv")，而非$(document) }); 3、 当只想为每一个匹配元素的特定...
1、绑定事件 代码如下: $(#id).bind("click",function(){ ... }) 可一次性绑定多个事件 代码如下: $(#id).bind("click mouseover mouseout",function(){ ... }) 2、解除绑定 代码如下: $(#id).unbind("click") 3、绑定一次 代码如下: $(#id).one("click",function(){ ... })
1、jquery捕捉回车键： 代码如下: $("html").die().live("keydown",function(event){ if(event.keyCode==13){ //这里添加要处理的逻辑 } }); //绑定回车动作 $(textarea[name=chattext]).keydown(function(event){ if(event.which==13){ } }); 2.jquery获得多个选中的checkbox值： 代码如下: $(input[type="checkbox"][name="types"]:checked).each(function() { types = types+$(this).val()+ "|"; } ); 3.jquery异步请求的方...
代码如下: $('form').keydown(function(event){ if(event.keyCode==13){ document.getElementById('ctl00').submit(); } }); JavaScript教程/参考手册 JavaScript热搜 Vue组件中prop属性使用说明实例代码详解自定义vue组件发布到npm的方法Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query动态传参问题解决使用vue.js路由后失效的问题微信小程序实现换肤功...
之前查手册的时候没有看到有事件对象这一概念，当时我想实现的是点击一个文本框出现一个下拉多选框，在文本框失去焦点是触发blur事件，从而使下拉框隐藏起来。但是当我要选择多选框是也会使它隐藏，就不能进行选择了，这让我很郁闷。查了一天的资料，终于在脱离了焦点这一块。在网上发现有一个事件冒泡的东西，发现通过点击可以实现我的这一功能。 e.stopPropagation()阻止事件冒泡 代码如下: 冒泡事件测试 我们先看这...
文本框中的事件应用：以输入邮箱为例，如图： 代码如下： 代码如下: jquery文本框中的事件应用 body{ font-size:13px;} /*元素初始化样式*/ .divInit{ width:390px; height:55px; line-height:55px; padding-left:20px;} .txtInit{ border:solid 1px #666; padding:3px; background-image:url('Images/bg_email_input.gif');} .spnInit{ width:179px; height:40px; line-height:40px; float:right; margin-top:8px; padding-l...
jquery mobile 对手势触控提供了如下几个事件监听: 代码如下:tap 当用户点屏幕时触发taphold 当用户点屏幕且保持触摸超过1秒时触发swipe 当页面被垂直或者水平拖动时触发。这个事件有其相关联的属性，分别为scrollSupressionThreshold, durationThreshold, horizontalDistanceThreshold, and verticalDistanceThresholdswipeleft 当页面被拖动到左边方向时触发swiperight 当页面被拖动到右边方向时触发但是 tap 事件在 windows8 触...
浏览器窗口大小变化时使用resize事件对框架不起作用的解决办法，如下：代码如下:$(window).resize(function(){var surH = $(window).height();$(".pic_conent").height(surH);} 当浏览器变化，拉大拉小时，没有反应；方法一：在标签上加入 onLoad="" onResize="" 方法 写上对应的方法即可方法二：window.onresize=function(){///.....} 在方法里面写上对应的代码即可着两种方法基本都可以解决你的问题了 代码如下: window.onre...
键盘事件处理所有用户在键盘敲击的情况，不管在文本输入区域内部还是外部。键盘事件在不同的浏览器中作用的范围是不一样的，通常这种键盘事件可以作用于 Form元素，a标签元素，window ，document这样的元素上。在所有可以获得交点的元素上是可以触发键盘事件的，可以获得焦点的元素可以这样理解，在使用Tab键的时候可以跳跃到的元素就是可以使用键盘事件的元(在没有为这些元素设置tabindex属性值的情况下，当tabindex设置为负数的时...
接下来我们使用Jquery实现回车键Enter切换焦点，此代码在常用浏览器IE7， IE8， Firefox 3， Chrome 2 和 Safari 4测试通过。使用的开发工具是微软VS2010+Jquery框架 实现步骤如下 1、首先引用Jquery类库2、Javascript代码代码如下: $(function () { $('input:text:first').focus(); var $inp = $('input:text'); $inp.bind('keydown', function (e) { var key = e.which; if (...
jquery.hotkeys文件下载： http://xiazai.jb51.net/201405/yuanma/jquery_hotkeys(jb51.net).rar 参照了一下它的文档用法，我们可以这样使用：代码如下: $(function () { $(document).bind("keydown", "esc", function (ev) { alert("您按下了Esc键！"); //其它处理事件; return false; }) .bind("keydown", "1", function (er) { alert("您按下了1键！"); return false; }) ...