`

js 的event 个人总结

 
阅读更多

event.srcElement.tagName和event.target.tagName 鼠标来源地标签(a或td或table或div等)
event.srcElement.id和event.target.id 鼠标来源地id
{
为兼容ie和firefox可如此使用:
event = event? event: window.event
var obj = event.srcElement ? event.srcElement:event.target;
}
-----------------------------------------------------------------
event.toElement.tagName和event.relatedTarget.tagName 鼠标到达地标签(a或td或table或div等)
event.toElement.id和event.relatedTarget.id 鼠标到达地id
{
为兼容ie和firefox可如此使用:
event = event? event: window.event
var obj = event.toElement ? event.toElement:event.relatedTarget;
}

前者IE 后者FF
分享到:
评论

相关推荐

    javaScript个人学习总结很多小方面的应用

    ### JavaScript个人学习总结:多个小方面应用详解 #### 一、禁用上下文菜单与文本选取 1. **禁用右键菜单**: - 使用`oncontextmenu`事件可以阻止浏览器默认的上下文(右键)菜单弹出。 - 示例代码: ```html ...

    javascript个人学习总结:包括数据结构与算法,前端工程化等方面,助你快速入门

    主要内容目录如下: ...笔试题——JavaScript事件循环机制(event loop、macrotask、microtask) 五.异步编程 理解 JavaScript 的 async/await JavaScript异步编程 9k字 | Promise/async/Generator实现原理解析

    simplecalendar.js记录事件的日历插件

    总结,simplecalendar.js以其简洁的API、强大的自定义能力,为开发者提供了一个高效构建日历功能的解决方案。无论是小型项目还是大型应用,都能从中受益。通过深入理解和实践,开发者可以充分利用这款插件,打造出...

    prototypejs

    总结,PrototypeJS是一个强大的JavaScript库,它的源码中蕴含了丰富的JavaScript设计模式和最佳实践。通过深入学习和应用PrototypeJS,开发者可以写出更高效、更优雅的JavaScript代码,提升Web应用的用户体验和开发...

    漂亮的jQuery事件日历插件calendar.js

    **jQuery事件日历插件calendar.js详解** 在网页设计中,日历插件是一个非常实用的元素,尤其在处理日期相关的交互时。...无论是个人项目还是商业应用,这个插件都能帮助你提升用户体验,打造专业级别的日期管理功能。

    JS经典技巧JavaScript

    根据提供的文件信息,我们可以归纳总结出一系列与JavaScript相关的实用技巧,这些技巧可以帮助开发者在构建个人网站时更加高效地实现各种功能。接下来将详细介绍这些技巧及其应用场景。 ### 1. 禁用右键菜单和文本...

    prototype.js开发手册

    “prototype.js开发手记”可能是作者或社区成员编写的个人实践总结,其中可能会包含一些实用技巧、最佳实践以及解决常见问题的方法。这些笔记对于初学者和经验丰富的开发者来说都是宝贵的资源,能帮助他们更好地理解...

    jQuery手机端个人信息填写表单页面代码.zip

    jQuery,作为一款强大的JavaScript库,为开发者提供了丰富的API和便捷的方法,使得在手机端创建交互性强的个人信息填写表单页面变得更加简单。本资源"jQuery手机端个人信息填写表单页面代码.zip"便是一个实用的例子...

    adonis-event-pusher:最小的adonisjs应用程序

    **Adonis Event Pusher: 创建实时AdonisJS应用** `adonis-event-pusher` 是一个基于AdonisJS框架和Pusher技术构建的最小化实时应用程序示例。...这不仅对提升个人技能有帮助,也为构建复杂的实时应用奠定了基础。

    js个性网站桌面式滑动代码

    "js个性网站桌面式滑动代码"就是一种用于实现这种效果的技术,它基于JavaScript编程语言,结合ECMAScript标准,为前端开发提供了丰富的交互性。在本文中,我们将深入探讨这一技术的核心概念、实现方法以及如何应用到...

    calendar.js日历控件

    由于`calendar.js`是基于JavaScript编写的,因此具有很高的可定制性。开发者可以根据需求调整样式、添加新功能或集成其他插件。例如,可以通过修改CSS样式来改变日历的外观;也可以通过扩展JavaScript代码来增加新的...

    《前端开发实践:JavaScript打造响应式滑动窗口》-涵盖交互设计、事件处理、DOM操作,助力网页交互与用户界面优化

    无论是从事企业网站建设、电商平台搭建还是个人博客维护,本文都将为你提供宝贵的知识和经验分享。 #### 三、应用场景 - **网页导航菜单**:利用滑动窗口制作动态导航菜单,提高用户的访问便捷性。 - **图片轮播**...

    JavaScript 上传图片预览效果.zip

    总结来说,JavaScript实现图片上传预览效果主要涉及以下几个步骤: 1. 创建一个`<input type="file">`供用户选择图片。 2. 监听`change`事件,获取用户选择的文件。 3. 使用`FileReader`读取文件内容为数据URL。 4. ...

    基于JavaScript判断浏览器到底是关闭还是刷新(超准确)

    本文是小编总结的一些核心内容,个人感觉对大家有所帮助,具体内容请看下文: 页面加载时只执行onload 页面关闭时只执行onunload 页面刷新时先执行onbeforeunload,然后onunload,最后onload。 经过验证我得出的...

    javascript实现回车键提交表单方法总结

    在实际应用中,可以根据项目需求和个人喜好来选择适合的实现方式。此外,实现回车键提交表单还需要注意表单元素的聚焦问题,确保表单具有良好的交互体验。总的来说,回车键提交表单是提升用户操作便捷性的一个小技巧...

    event_update_notification

    总结来说,"event_update_notification"是Nextcloud等日历应用中的一个核心组件,它通过JavaScript实现动态的用户交互,并利用通知机制确保信息的实时同步。这个功能的设计和实现涵盖了前端开发、后端接口调用、UI/...

    两种实现表单验证的javascript方法.docx

    ### 两种实现表单验证的JavaScript方法 在Web开发中,表单验证是确保用户输入数据有效性和安全性的重要环节。本文将详细介绍两种常用的...开发者可以根据项目需求和个人喜好选择合适的方式来实现表单验证功能。

    event-venue-application

    总结,"event-venue-application"是一个基于TypeScript构建的活动场地预订系统,它集成了多项实用功能,包括搜索、实时预订检查、用户账户管理等。开发者通过利用TypeScript的强大特性和现代Web技术,为用户提供了...

    Danica7773类库

    "Danica7773类库"是一个由个人开发者编写的JavaScript类库,它整合了作者之前编写的一些JS程序。这个类库展示了作者在JavaScript编程中的积累和实践,旨在为其他开发者提供方便的功能和效果。类库包含了四个主要的...

Global site tag (gtag.js) - Google Analytics