`

Jquery入门学习篇（四）————js事件 event target 理解

jQueryIE浏览器HTML 
阅读更多

当DOM元素中的某元素响应某一事件的时候，多数浏览器将持有Event类的一个event对象，而在IE中则是将该event对象作为window对象的一个属性来操作。

所以在IE和其他浏览器中判断event：

if(!event){event = window.event;}//event如果为null或者undefined则指派为window.event

 event对象包含了当前处理事件对象大量信息，常用的我们可以通过event对象拿到当前发生事件的对象，该对象在ie中为srcElement而在其他浏览器中则是target所以判断：

var target = (event.target)?event.target:event.srcElement;

拿到target对象则可以取得对应对象的信心如：

var tagname = target.tagName;
var id = target.id;

  

事件传播特性：

 当触发一个事件后，则该事件默认DOM向上传播到遍历所有元素，直到遍历到<html>初始元素为止。

分享到：
| oracle命令行连接远程数据库
评论
1 楼 cuiyujiang 2013-04-25  
总结的非常棒，喜欢这种精简出来的东西，便于学习
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JQuery本地文件管理器——界面截图

    JQuery本地文件管理器——界面截图，欢迎大家下载

    jquery点击图片放大插件——即插即用.zip

    这个点击图片放大插件就是典型的jQuery插件，它利用jQuery提供的API和事件处理机制，实现了图片的动态放大与缩小效果。 三、插件实现原理 1. 图片绑定事件：首先，插件会为页面中的所有图片元素绑定点击事件。当...

    jquery引用文件——jquery.js

    jQuery是由John Resig开发的开源JavaScript库，其主要目标是简化JavaScript的DOM操作，同时提供丰富的事件处理、动画效果和Ajax交互。jQuery的命名源自"JavaScript"和"Quirksmode"的组合，意在解决浏览器之间的兼容...

    JS和JQUERY各种特效代码展示——清华教授精髓版

    JS和JQUERY各种特效代码展示——清华教授精髓版 包含了很多JS的特效 和JQUERY的特效 有菜单的特效 层的特效，还有对话框 ，拖拉元素，动态 ，美观的变化 ，很多的样式，代码全在，一看明了！不过有10MB请耐心下载！

    JQuery EasyUi之界面设计——通用的JavaScript

    easyui是一个基于jquery的集成了各种用户界面的插件。 使用easyui你不需要写太多javascript代码，一般情况下你只需要使用一些html标记来定义用户接口。 easyui非常简单，但是功能非常强大。

    jQuery 入门到精通

    3. 事件冒泡与事件委托：理解事件冒泡原理，利用`event.stopPropagation()`阻止冒泡，以及使用事件委托（如`$("container").on('click', 'child', handler)`）提高性能。 三、jQuery动画 1. 动画效果：jQuery的`...

    Ajax入门：从零开始学习jQuery pdf

    从零开始学习jQuery pdf，第一篇：开天辟地入门篇；第二篇：jQuery最重要的部分——万能的选择器；第三章：管理Jquery包装集；第四章：使用jQuery操作元素的属性与样式；第五篇：事件与事件对象…… 　通过一步步的...

    jQuery使用手册 jquery入门教程

    从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery 包装集 从零开始学习jQuery (四) 使用jQuery 操作元素的属性与样式 从零开始学习jQuery (五) ...

    jquery 分页——jqueryPage.js

    jQuery 是一个广泛使用的 JavaScript 库，它简化了 DOM 操作、事件处理和动画效果。`jqueryPage.js` 是一个基于 jQuery 的分页插件，用于帮助开发者轻松实现网页的分页功能。 `jqueryPage.js` 插件的使用首先需要...

    Web编程基础——CSS、JavaScript、jQuery【高清版】

    《Web编程基础——CSS、JavaScript、jQuery》是一本旨在教授Web前端开发基础知识的教程，涵盖了网页样式设计、动态脚本语言以及广泛使用的JavaScript库。在Web开发领域，这三者是构建交互式和响应式网站不可或缺的...

    图片文件上传回显jQuery插件——插件四

    总的来说，"图片文件上传回显jQuery插件——插件四"是前端开发中提高用户体验的一个实用工具，它利用jQuery、JavaScript和Ajax技术实现了图片的预览和上传功能。通过研究和使用这个插件，开发者不仅可以快速实现所需...

    jquery 入门到精通 学习总结 资源

    《jQuery入门到精通学习资源概览》 jQuery是一款强大的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。本资源集合是针对jQuery从入门到精通的学习资料，旨在帮助初学者快速...

    jquery.event.drag jquery拖动插件

    1. **引入依赖**：首先，确保引入jQuery库和`jquery.event.drag.js`插件文件。 2. **初始化插件**：对需要拖动的元素应用`.eventDrag()`方法，可以设置选项，如： ```javascript $('.draggable-element')....

    JQuery入门的例子代码

    在本篇中，我们将深入探讨两个关键文件——"JQuery.html"和"jquery-1.3.2.min.js"，它们是初学者了解jQuery基础的典型配置。 首先，我们来看"JQuery.html"，这是一个HTML文件，它是网页的基础框架，用于展示jQuery...

    Web编程基础——CSS、JavaScript、jQuery

    资源名称：Web编程基础——CSS、JavaScript、jQuery 资源截图： 资源太大，传百度网盘了，链接在附件中，有需要的同学自取。

    jQuery JavaScript与CSS开发入门经典 源码

    《jQuery JavaScript与CSS开发入门经典》是一本专为初学者设计的编程指南，旨在帮助读者快速掌握前端开发的核心技术——jQuery、JavaScript和CSS。通过学习这本书的源码，你可以深入理解这三个关键技术的工作原理，...

    XMPP高级编程——使用JavaScript和jQuery

    4. **Event Loop与事件驱动编程**：JavaScript的事件循环机制，处理用户输入、网络请求等异步事件，是实现XMPP实时响应的关键。 **jQuery知识点**： 1. **DOM操作**：jQuery简化了元素选择、遍历和操作，使得在XML...

    jquery插件——多级菜单

    首先，jQuery是一个轻量级的JavaScript库，它简化了DOM操作、事件处理、动画制作以及Ajax交互。jQuery的易用性和丰富的API使其成为许多开发者首选的工具，特别是在构建动态用户界面时。 创建多级菜单的核心在于理解...

    众妙之门——JavaScript与jQuery技术精粹

    《众妙之门——JavaScript与jQuery技术精粹》出自世界知名Web设计网站Smashing Magazine，其中的文章是来自全球顶级设计师的精华总结。全书共分为两大部分，第一部分阐述JavaScript的实战经验，共7章，内容涉及...

    一天搞定jQuery(四)——使用jQuery完成省市二级联动的效果

    在本教程中，我们将深入探讨如何使用jQuery库来实现一种常见的网页交互功能——省市二级联动效果。这种效果常用于地址选择，用户在选择省份时，下拉框中的城市选项会根据所选省份动态更新。这既提高了用户体验，也...

Magicbox
Global site tag (gtag.js) - Google Analytics