Jquery:Jquery中的事件<二>
这几天快忙死了,办了离职还得办入职,完全打乱了我的计划,但是能有一个理想的工作,还是很开心的,以后加把劲,争取把计划再赶上来!不说了,学习!!!
五、事件对象的属性
1、event.type:获取事件的类型,其中event是事件的对象。
2、event.preventDefaule(),在上一个学习笔记中已经有介绍了,该方法是阻止默认的事件事件行为。event.stopPropagation(),该方法的作业是阻止事件的冒泡。
3、event.target,它的作用是获取到触发事件的元素。通过返回值,可以获取元素的各种属性。
4、event.pageX和event.pageY的作用是获取相对于页面的x坐标和y坐标。如果页面上有滚动条,则加上滚动条的高度和宽度。
5、event.which,它的作用是在鼠标单击事件中获取到鼠标的左、中、右键。
6、event.metaKey,它的作用是获取键盘上的<ctrl>按键。
六、移除事件
1、unbing(),此方法的作用是移除某元素绑定的事件,如果方法没有参数,则移除指定元素与包含此方法的事件类型相同的事件,如果有一个参数,则是移除选中元素中指定类型的事件,如果方法中有两个参数,则移除选中元素的指定类型与事件名称的事件。
例:$("#delAll").click(function(){
$("#btn").unbind(); //移除btn元素的click事件
$("#btn").unbind("click"); //移除btn元素的click事件
$("#btn").unbind("click",myFun); //移除btn元素的类型为click、方法名为myFun的事件
});
2、one(),它的作用是指定为元素绑定是事件只执行一次。
例:$("#btn").one('click',myFun=function(){ //为btn元素绑定的myFun事件只执行一次
});
七、模拟操作
模拟操作是指为元素指定的click事件不需要点击元素,则可触发事件。它用到的方法是trigger()。
$("btn").trigger("click") //模拟触发btn元素的click事件。
$("btn").trigger() //这种写法是上例的简化写法,效果同上。
同时,此方法还可以模拟操作自定义的事件。
$("btn").trigger("myFun") //模拟触发btn元素的myFun事件。
模拟操作时还可以为所触发的事件传递参数。可以在trigger()方法中写两个参数,第一个参数代表要触发的事件,第二个参数代表要传递的参数,第二个参数需以数组形式传递。
trigger()方法触发事件后,会执行浏览器默认操作。
例:$("input").trigger("focus"); //触发“focus”后也会使<input>本身得到焦点。如果不想执行浏览器默认操作,则可用triggHandler()方法。
今日学习、到此为止,睡觉 ~~~~
Jquery:Jquery中的事件<二>的更多相关文章
- jquery ajax 中各个事件执行顺序
jquery ajax 中各个事件执行顺序如下: 1.ajaxStart(全局事件) 2.beforeSend 3.ajaxSend(全局事件) 4.success 5.ajaxSuccess(全局事 ...
- jquery ajax中各个事件执行顺序如下
$(function(){ setTimeout(function(){ $.ajax({ url:'/php/selectStudent.php', }); },0); $(document).aj ...
- Javascript中的事件二
<!------------------示例代码一---------------------><!DOCTYPE html PUBLIC "-//W3C//DTD XHTM ...
- 原生js实现jquery库中部分事件的功能(jquery库封装二)
继续昨天的封装,今天的部分继昨天选择器之后实现了css样式的获取和添加,attr的获取和添加和一部分事件的封装:只是我自己的理解,不妥之处欢迎大家在评论中提出,相互学习,共同提高 /** * Crea ...
- 【锋利的jQuery】中全局事件ajaxStart、ajaxStop不执行
最近一直都在研究[锋利的jQuery],确实是一本好书,受益匪浅.但由于技术发展及版本更新等原因,里面还是有些坑需要踩的. 比如:第六章七节中提到的全局事件ajaxStart.ajaxStop照着案例 ...
- Python-JS中的事件详解
目录 fdf!! fefd 一.JS中的事件二.JS中的事件分类: 1.事件初级: 2.事件参数 Event 3.鼠标事件 4.键盘事件 *** 5.表单事件 *** 6.文档事件 * 7.图片事件 ...
- jQuery:详解jQuery中的事件(二)
上一篇讲到jQuery中的事件,深入学习了加载DOM和事件绑定的相关知识,这篇主要深入讨论jQuery事件中的合成事件.事件冒泡和事件移除等内容. 接上篇jQuery:详解jQuery中的事件(一) ...
- 四、jquery中的事件与应用
当用户浏览页面时,浏览器会对页面代码进行解释或编译--这个过程实质上是通过时间来驱动的,即页面在加载时,执行一个Load事件,在这个事件中实现浏览器编译页面代码的过程.时间无论在页面元素本身还是在元素 ...
- jQuery学习笔记(三)jQuery中的事件
目录 加载DOM 事件绑定 合成事件 事件冒泡 移除事件 一.加载DOM Javascript 与HTML之间的交互是通过用户操作浏览器页面引发的事件来处理的.jQuery提供了丰富的事件处理机制.从 ...
随机推荐
- Edwin windows下基本命令:
Ctrl-Alt-z: 对区域内所有代码求值. Ctrl-x Ctrl-e: 对光标左边或上一个表达式求值. Ctrl-c Ctrl-x: 中断当前求值. Ctrl-a: 移动到行首. Ctrl-e: ...
- js中substring/substr和C#中Substring的用法
一:在js中截取字符串的方法有两个:substring和substr 1.方法: substring(int stringIndex,[int endIndex]) 截取从索引为stringIndex ...
- java 上传文件
public static boolean upload(File file, String savepath, String loginNo, String filename) { boolean ...
- php 邮件发送代码-php邮件群发
php 邮件发送如何进行的呢? php邮件发送是通过smtp协议进行的. 下面是一个php邮件发送的类的一个函数. 文件下载 function sendmail($to, $from, $subjec ...
- jquery的鼠标移入移出事件hover、mouseenter、mouseleave、mouseover、mouseout
hover:鼠标进入元素的子元素时不会触发‘鼠标移开’的事件: mouseenter.mouseleave:效果与hover相同: mouseover: 鼠标进入元素和进入它的子元素时都会触发‘mou ...
- Python番外之 阻塞非阻塞,同步与异步,i/o模型
1. 概念理解 在进行网络编程时,我们常常见到同步(Sync)/异步(Async),阻塞(Block)/非阻塞(Unblock)四种调用方式: 同步/异步主要针对C端: 同步: 所谓同步,就 ...
- python之6-1常用函数
1.休眠函数 import time time.sleep(n) n可以是整数或者小数,单位是秒 2.打开文件函数 open('n','m',k) n是文件路径,如果只有文件名,则是py程序所在文件夹 ...
- angularjs中{{}} 加载出现闪烁问题
在head标签中加入 [ng-cloak] { display: none !important; } 在页面的body标签上添加 ng-cloak 可以解决页面上先后加载闪烁问题
- jquery easyui二次开发总结(二)
1.easyui tab增加“关闭所有页”.“关闭非当前页”功能. //tab增加“关闭所有页”和“关闭非当前页”的功能 $("#tabs").tabs({ onAdd:funct ...
- ubuntu apt 命令参数(转)
apt-get是一条linux命令,适用于deb包管理式的操作系统,主要用于自动从互联网的软件仓库中搜索.安装.升级.卸载软件或操作系统. apt-get update 在修改/etc/apt/sou ...