这几天快忙死了,办了离职还得办入职,完全打乱了我的计划,但是能有一个理想的工作,还是很开心的,以后加把劲,争取把计划再赶上来!不说了,学习!!!

五、事件对象的属性

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中的事件<二>的更多相关文章

  1. jquery ajax 中各个事件执行顺序

    jquery ajax 中各个事件执行顺序如下: 1.ajaxStart(全局事件) 2.beforeSend 3.ajaxSend(全局事件) 4.success 5.ajaxSuccess(全局事 ...

  2. jquery ajax中各个事件执行顺序如下

    $(function(){ setTimeout(function(){ $.ajax({ url:'/php/selectStudent.php', }); },0); $(document).aj ...

  3. Javascript中的事件二

    <!------------------示例代码一---------------------><!DOCTYPE html PUBLIC "-//W3C//DTD XHTM ...

  4. 原生js实现jquery库中部分事件的功能(jquery库封装二)

    继续昨天的封装,今天的部分继昨天选择器之后实现了css样式的获取和添加,attr的获取和添加和一部分事件的封装:只是我自己的理解,不妥之处欢迎大家在评论中提出,相互学习,共同提高 /** * Crea ...

  5. 【锋利的jQuery】中全局事件ajaxStart、ajaxStop不执行

    最近一直都在研究[锋利的jQuery],确实是一本好书,受益匪浅.但由于技术发展及版本更新等原因,里面还是有些坑需要踩的. 比如:第六章七节中提到的全局事件ajaxStart.ajaxStop照着案例 ...

  6. Python-JS中的事件详解

    目录 fdf!! fefd 一.JS中的事件二.JS中的事件分类: 1.事件初级: 2.事件参数 Event 3.鼠标事件 4.键盘事件 *** 5.表单事件 *** 6.文档事件 * 7.图片事件 ...

  7. jQuery:详解jQuery中的事件(二)

    上一篇讲到jQuery中的事件,深入学习了加载DOM和事件绑定的相关知识,这篇主要深入讨论jQuery事件中的合成事件.事件冒泡和事件移除等内容. 接上篇jQuery:详解jQuery中的事件(一) ...

  8. 四、jquery中的事件与应用

    当用户浏览页面时,浏览器会对页面代码进行解释或编译--这个过程实质上是通过时间来驱动的,即页面在加载时,执行一个Load事件,在这个事件中实现浏览器编译页面代码的过程.时间无论在页面元素本身还是在元素 ...

  9. jQuery学习笔记(三)jQuery中的事件

    目录 加载DOM 事件绑定 合成事件 事件冒泡 移除事件 一.加载DOM Javascript 与HTML之间的交互是通过用户操作浏览器页面引发的事件来处理的.jQuery提供了丰富的事件处理机制.从 ...

随机推荐

  1. 【nodejs学习】1.文件操作

    1.小文件拷贝,使用nodejs内置模块 var fs = require('fs'); function copy(src, dst){ fs.writeFileSync(dst, fs.readF ...

  2. iOS_SN_CoreDate(一)封装使用

    看过一篇封装CoreData的文章挺不错,有基本使用封装,但是没有写怎么与tableView结合使用,我自己用的过程有些小波折,自己做了一个demo,大家可以看源码一些基本使用应该不难了, 原文:ht ...

  3. eclipse python开发环境搭建

    eclipse python开发环境搭建[非原创] 1.在www.eclipse.org官网下载Eclipse Classic 4.2.2,Win7 64位下载eclipse-SDK-4.2.2-wi ...

  4. 10 条建议让你创建更好的 jQuery 插件

    在开发过很多 jQuery 插件以后,我慢慢的摸索出了一套开发jQuery插件比较标准的结构和模式.这样我就可以 copy & paste 大部分的代码结构,只要专注最主要的逻辑代码就行了. ...

  5. Ubuntu与Ubuntu系统之间的mount挂载

    1.被挂载机 1>安装Ubuntu nfs apt-get install nfs-kernel-server 2>配置/etc/exports Ubuntu nfs允许挂载的目录及权限在 ...

  6. PHP获取图片颜色值,检测图片主要颜色的代码:

    <?php $i=imagecreatefromjpeg("photo3.jpg");//测试图片,自己定义一个,注意路径 for ($x=0;$x<imagesx($ ...

  7. IE6 png 透明 (三种解决方法)(转来的哦)

    FF和IE7已经直接支持透明的png图了,下面这个主要是解决IE6下透明PNG图片有灰底的 ====================================================== ...

  8. JAVA_build_ant_cmd pass muti param

    ant -f buildFileName -Dpropretyname1=value1  -Dpropretyname2=value2 ant [options] [target [target2 [ ...

  9. Intent系列讲解---Intent简介以及相关属性

    一.Intent简介 Intent中文是"意图,意向",它是Android中四大组件通讯的纽带,Intent负责对应用中一次操作的动作.动作涉及数据.附加数据进行描述,Androi ...

  10. IOS 动画专题 --iOS核心动画

    iOS开发系列--让你的应用“动”起来 --iOS核心动画 概览 通过核心动画创建基础动画.关键帧动画.动画组.转场动画,如何通过UIView的装饰方法对这些动画操作进行简化等.在今天的文章里您可以看 ...