`
demojava
  • 浏览: 551425 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jquery mouseup 事件属性丢失

 
阅读更多

最近在写js,啊,js跨浏览器事件丢失太多了,有jquery也一样。。

笔者最近写一个demo...这个问题困扰了我1个星期。。。

上代码说明原因吧:

$("#div1").mouseup(function(e) {
	alert(e.target.id);
});

 

我很希望获取到 鼠标松后的对象的所触发的dom对象的ie...页面所有元素都有id。。。

 最后解决了

$("#div1").mouseup(function(e) {
	var oEvent=e||event;
	alert(oEvent.target.id);
});

 啊,烦人的js 

这里在插入一个小的知识点:

在mousemove中根据鼠标移动的坐标判断当前的移动的节点类型。id

document.elementFromPoint(oEvent.pageX,oEvent.pageY).id;//获取di

document.elementFromPoint(oEvent.pageX,oEvent.pageY).tagName;//获取节点tag name

 

分享到:
评论

相关推荐

    JS中mouseup事件丢失的原因与解决办法

    当实现类似Excel选中区域的功能时,经常出现 mouseup 事件丢失的情况,由于缺少了 mouseup 事件,导致一个完整的操作无法进行。 如果你是想进行拖拽移动操作,也可以参考本文。 原因 目前发现两个原因: 触发了...

    jquery鼠标事件的小例子

    在JavaScript的世界里,jQuery是一个非常流行的库,它极大地简化了DOM操作、事件处理以及动画效果。这个"jquery鼠标事件的小例子"旨在帮助初学者更好地理解如何在jQuery中使用鼠标事件,同时结合CSS来实现交互效果。...

    jquery效果事件

    2. 鼠标事件:常见的鼠标事件有`click`(点击)、`mouseover`(鼠标悬停)、`mouseout`(鼠标离开)、`mousedown`(鼠标按钮按下)和`mouseup`(鼠标按钮释放)等。 3. 键盘事件:如`keydown`、`keyup`和`keypress`...

    jQuery实现长按按钮触发事件的方法

    jQuery实现长按按钮触发事件的方法是移动设备和网页应用开发中的一项常见技术,主要目的是为了增强用户交互体验,尤其是在触摸屏设备上。通过长按按钮触发特定事件,开发者可以为用户提供更丰富的交互方式,比如在...

    JQuery常用属性说明

    JQuery 是一个流行的 JavaScript 库,它极大地简化了DOM操作、事件处理以及AJAX交互。在JQuery中,一些常用属性和方法对于开发者来说尤其重要,因为它们是日常开发中的核心工具。 首先,我们来看看JQuery中的事件...

    jQuery事件之鼠标事件

    ### jQuery中的鼠标事件详解 #### 一、引言 在前端开发中,处理用户的交互行为是必不可少的一部分。jQuery作为一款流行的JavaScript库,极大地简化了这些交互的处理方式。本文将重点介绍jQuery中与鼠标相关的事件...

    c++模仿c#MouseDown和MouseUp事件

    在C++编程中,模拟C#中的`MouseDown`和`MouseUp`事件是常见的需求,尤其是在开发GUI(图形用户界面)应用时。这两个事件在Windows编程中扮演着重要的角色,它们分别对应鼠标按键被按下和释放的动作。在C#中,这些...

    c# mouseup &mousedown event 截图 简单方便

    在C#编程中,`MouseUp`和`MouseDown`事件是Windows Forms或WPF应用程序中常见的鼠标事件。这两个事件与用户交互密切相关,特别是在处理图形界面和实现特定功能,如截图时,它们尤其有用。本篇文章将详细介绍如何利用...

    支持添加事件jQuery日历zip

    【标题】支持添加事件的jQuery日历是一款在网页中实现动态添加和删除事件功能的jQuery插件。这个插件能够帮助开发者轻松地为网站或应用添加一个交互性强、功能丰富的日历组件,使得用户可以方便地查看和管理时间安排...

    jquery 体育馆场馆鼠标拖动事件

    在jQuery中,没有直接提供一个名为“拖动”(drag)的事件,但我们可以结合`mousedown`、`mousemove`和`mouseup`事件来模拟实现拖动行为。这三个事件分别对应于鼠标的按下、移动和释放,通过它们我们可以创建出动态...

    15jQuery事件.docx

    jQuery事件是JavaScript库jQuery的核心部分,它简化了对DOM元素事件的处理。在这个文档中,我们将深入探讨jQuery事件,特别是`$(document).ready()`方法以及一系列的鼠标事件。 首先,`$(document).ready()`方法是...

    jquery事件绑定例子

    例如,`mousedown`、`mouseup`和`click`可以被视为一个合成事件流。在jQuery中,我们可以直接绑定这些合成事件,如`click`,而无需关心底层的实现细节。 现在,让我们转向实际的例子。在名为"2-事件绑定"的压缩包...

    jQuery事件处理的特征(事件命名机制)

    jQuery作为一个流行的JavaScript库,极大地简化了在网页中进行事件处理的方式。jQuery事件处理具有几个核心特征,尤其值得深入了解的是其事件命名机制和处理方式。 首先,我们来谈谈事件命名机制。在jQuery中,事件...

    jQuery触摸鼠标双击事件检测代码.zip

    1. **事件监听**:插件会监听触摸开始(touchstart)和触摸结束(touchend)事件,以及鼠标的点击(mousedown)和释放(mouseup)事件。 2. **时间间隔检测**:为了识别双击,插件需要记录连续两次点击或触摸之间的...

    jquery捕获鼠标事件提示.zip

    常见的鼠标事件有`mouseover`(鼠标移入)、`mouseout`(鼠标移出)、`mousedown`(鼠标按钮按下)、`mouseup`(鼠标按钮释放)和`click`(鼠标点击)。 以下是一个简单的示例,演示了如何在元素上监听`mouseover`...

    基于jquery实现的鼠标左中右键单双击及拖拽和滚轮事件插件原型

    在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。本篇文章将深入探讨如何基于jQuery实现一个功能丰富的鼠标事件插件,包括左键、中键、右键的单击、双击...

    简单的jQuery网页画板涂鸦代码.zip

    在这个例子中,可能会绑定`mousedown`事件来开始绘制,`mousemove`事件来处理鼠标移动时的绘图,以及`mouseup`事件来结束绘制。通过这些事件,我们可以追踪用户的绘画动作。 3. **画布更新**:涂鸦的核心是实时更新...

    jquery实现简单图片的拖动

    在jQuery中,实现图片拖动主要涉及到`mousedown`、`mousemove`和`mouseup`这三个鼠标事件。当用户按下鼠标按钮(`mousedown`),我们记录下当前鼠标位置和图片的初始位置。然后,在鼠标移动时(`mousemove`)更新...

    jQuery 事件以及处理方法

    jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了DOM操作、事件处理和动画等功能。在jQuery中,事件处理是核心功能之一,它使得用户与网页交互变得更加动态和响应。本篇将详细介绍jQuery中的事件以及处理方法...

Global site tag (gtag.js) - Google Analytics