接下来我们使用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; }) ...
几个月前在一个项目中涉及到树形栏,然后看了很多插件,觉得有点麻烦,于是自己写了一个,写着写着就出问题了。 当时项目是通过树形栏进行权限控制的,管理员可以对从数据库去的数据动态生成树形栏进行增删改查操作,可是用$(".XX").click();方法是不行的。 1、之前用的是jq1.4.3 ,jq1.7一下都可以使用live()方法,来实现该功能 代码如下: $(‘#div).live(‘click,function(){ //do stuff }); 但是live方法也有不支持的事件,例如...
做项目时遇到处理绑定“enter”键的情况,直接把情景代码截取出来了。代码如下: 代码如下: function sendLoginData(){ loginvalidateForm(); $(document).keydown(function(event){ if(event.keyCode == 13){ //绑定回车 $(#login-submit).click(); /自动/触发登录按钮 } }); $(#login-submit).click(function(){ if($(#login-form).valid()==false){ return false; } var username = $(#id_username).val(); var password = $(#...
今天在写JQUERY时遇到个问题:当使用脚本动态添加元素xxx时,但事件$(".x .y").click(function)...失效问题。 刚开始网上找到了用live函数,方法如下: 事件绑定:$(".x .y").click(function) 需改为: 代码如下: $(".x .y").live(click,function); 但是由于1.8版本后live这种方法不再支持,所以需要用下述jquery中on方法解决脚本动态添加元素: 代码如下: $(".y").on(click,.x,function);
js的事件监听跟css不一样,css只要设定好了样式,不论是原来就有的还是新添加的,都有一样的表现。而事件监听不是,你必须给每一个元素单独绑定事件。 常见的例子是处理表格的时候。每行行末有个删除按钮,点了这个能够删除这一行。 代码如下: 这行原来就有 <buttonclass="del">删除 这行原来就有 <buttonclass="del">删除 通常,我会这么绑定 代码如下: jQuery(function($){ //已有删除按钮初始化绑定删除事件 $(".del...
1.需求简介 jQuery的hover事件只是针对单个HTML元素,例如: 代码如下: $(#login).hover(fun2, fun2); 当鼠标进入#login元素时调用fun1函数,离开时则调用fun2函数,这种API已能够满足绝大部分需求。 不过,有些时候我们希望当鼠标进入两个或多个元素时触发fun1,离开他们时触发fun2,而在这些元素间移动鼠标并不触发任何事件。例如两个元素紧挨着的HTML元素,如下图: 当鼠标进入二者的区域时触发fun1,离开时触发fun2。你也许...
昨天群里有人问了个事件源码定位的问题,简单描述下是这样的。 在一个不是自己写的页面上,如何快速定位到他绑定的事件代码在哪?(页面用的是jQuery) 这个问题,说难不难,说简单也没那么简单,万一用的是委托之类也会麻烦点。 在 chrome 的控制台里有个 Event Listeners,这里会显示你所选择元素的事件,如果是原生事件,他会直接显示, 你点击一下事件就会跳到对应代码里了,可是 jQuery 绑定的事件却不是这样的,你点击后只会跳...
var ohtml=''+ '您已经成功发送好友申请。'+ ' 上传真实头像,好友申请更容易被通过哦,赶紧上传头像吧! '+ '/teacher/editUserAvatar.action" target="_blank">'+ ' '; $.dialog({ lock:true, title: '温馨提示', button: [ {value: '点击上传图像',callback: function () { $("#awindowopen").trigger("click"); },focus: true } ], content:ohtml }); var ohtml=''+ '您已经成功发送好友申请。'+ ' 上传真实头...
jquery的给元素绑定的事件可以用data方法取出来 通过$(element).data("events")来获取// 比如给一个button绑定两个click事件$("button").click(function() { alert("1") }); $("button").click(function() { alert("2") });// 这个时候点击该button会分别弹出 2 和1的alert框 // 取出该button的所有click事件,是个数组$("button").data('events').click会看到两个click事件的数组 得到该数组,你可以调整顺序后再设回去$("button"...
$(document).ready(function() { $("a[name='del']").click(function(){ Ext.Msg.confirm('提示','你确定要删除该公告吗?',function(button,text){ if(button=='yes'){ window.location.href="/admin/note!delete.actionid=${id}"; } }); }); $("a[class='del2']").click(function(){ Ext.Msg.confirm('提示','你确定要删除该公告吗?',function(button,text){ if(button=='yes'){ window.location.href="/admin/note!delete.acti...
首先,我们来看一个有用的实例,来加深以前所掌握的知识,其中有些是在前边出现过的。代码如下:jQuery(document).ready(function() {jQuery("#btnHide").click(function() {jQuery("#imgGoogle").hide("1000");}); });当点击隐藏图片时,google的logo图片将在一秒钟进行隐藏。这里我们用到了hide()方法,当然也可不指定时间,如果要显示图片的话应该使用show()方法,感觉是不是很棒。 现在开始本篇的主要内容:事件。大家可能已经注...
On previous versions, you could call it like for other data : obj.data(events); In jQuery 1.8, this direct access was removed, so in recent versions you must call it like this : $._data(obj[0],"events") 大概的意思是版本可以使用obj.data(event); JQuery1.8版本取消了obj.data方法,改为$._data方法 注意:$._data(obj[0],"event") 中的obj[0],一定要加上数组[0]下标,否则会取不到数据 -------以下为举例$(function...
什么是JS事件冒泡? 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window)。 如何来阻止Jquery事件冒泡?通过一个小例子来解释Porschev-...
今天浏览jQuery的deprecated列表,发现live()和die()在里面了,赶紧看了一下,发现从jQuery1.7开始,jQuery引入了全新的事件绑定机制,on()和off()两个函数统一处理事件绑定。因为在此之前有bind(), live(), delegate()等方法来处理事件绑定,jQuery从性能优化以及方式统一方面考虑决定推出新的函数来统一事件绑定方法并且替换掉以前的方法。 on(events,[selector],[data],fn) events:一个或多个用空格分隔的事件类型和可选的命名空...