Questions tagged «mouseevent»

是否可以在页面加载后使用JavaScript获取鼠标位置而没有任何鼠标移动事件（不移动鼠标）？

286 javascript  mouseevent  dom-events 

我有这个a，我不知道我需要插入“ onmouseover”中，以便光标将像常规链接一样变为手指指针： <a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover=""> A </a> 我读了一些需要写的地方： onmouseover="cursor: hand (a pointing hand)" 但这对我不起作用。 另外，我不确定这是JavaScript，CSS还是纯HTML。

234 html  css  mouseevent 

我希望制作一个控件，使用户可以在div内单击，然后拖动鼠标，然后放开鼠标以指示他们想要某个东西的时间。（这是用于日历控件的，因此用户将及时指示某个事件的时长） 看起来最好的方法是在父div上注册“ mousedown”事件，然后在div上注册“ mousemove”事件，直到触发“ mouseup”事件为止。“ mousedown”和“ mouseup”事件将定义时间范围的开始和结束，并且当我跟随“ mousemove”事件时，我可以动态更改范围的大小，以便用户可以看到他们在做什么。我基于这是如何在Google日历中创建事件的。 我遇到的问题是jQuery事件似乎仅提供了引用整个页面的可靠鼠标坐标信息。有什么方法可以识别相对于父元素的坐标？ 编辑： 以下是我要执行的操作的图片：

165 jquery  mouseevent 

jQuery .mouseover()和.hover()函数之间有什么区别？如果它们完全相同，为什么jQuery会同时使用两者？

112 jquery  mouseevent 

进行内联样式设置时，如何在ReactJS中实现悬停事件或活动事件？ 我发现onMouseEnter，onMouseLeave方法存在问题，因此希望有另一种方法可以做到。 具体来说，如果您将鼠标悬停在组件上的速度非常快，则仅会注册onMouseEnter事件。onMouseLeave从不触发，因此无法更新状态...使该组件看起来好像仍在悬停。如果您尝试模仿“：active” css伪类，我会注意到同样的事情。如果单击得非常快，则只会注册onMouseDown事件。onMouseUp事件将被忽略...使组件保持活动状态。 这是显示问题的JSFiddle：https ://jsfiddle.net/y9swecyu/5/ 有问题的JSFiddle视频：https ://vid.me/ZJEO 编码： var Hover = React.createClass({ getInitialState: function() { return { hover: false }; }, onMouseEnterHandler: function() { this.setState({ hover: true }); console.log('enter'); }, onMouseLeaveHandler: function() { this.setState({ hover: false }); console.log('leave'); }, render: function() { var inner = normal; if(this.state.hover) { inner …

101 javascript  css  reactjs  mouseevent  dom-events 

我想延迟jquery中的悬停事件。当用户将鼠标悬停在链接或标签上时，我正在从文件中读取内容。如果用户只是在屏幕上移动鼠标，我不希望立即发生此事件。有没有办法延迟事件触发？ 谢谢。 示例代码： $(function() { $('#container a').hover(function() { $('<div id="fileinfo" />').load('ReadTextFileX.aspx', {filename:'file.txt'}, function() { $(this).appendTo('#info'); } ); }, function() { $('#info').remove(); } }); }); 更新： （1/14/09） 添加HoverIntent插件后，上面的代码更改为以下代码以实现它。实施非常简单。 $(function() { hiConfig = { sensitivity: 3, // number = sensitivity threshold (must be 1 or higher) interval: 200, // number = milliseconds …

93 jquery  events  mouseevent  settimeout 

是否可以使用给定的坐标来模拟网页中JavaScript的点击？

93 javascript  jquery  html  mouseevent  mouseclick-event 

您可以通过按下水平滚动我的演示页Space Bar，Page Up / Page Down和Left Arrow / Right Arrow键。您也可以使用鼠标或触控板捕捉滚动。 但是只有其中一项有效。 键盘事件和CSS滚动捕捉是否可以共存？我想念什么？任何帮助将不胜感激，因为我一直在努力解决这个问题超过一个星期。 在CodePen上查看我的演示 （请取消注释相关的CSS代码段以启用滚动捕捉效果，以查看键盘快捷键停止工作。） 显示代码段 import animate from "https://cdn.jsdelivr.net/npm/animateplus@2/animateplus.js" const sections = Array.from(document.querySelectorAll("section")).sort( (s1, s2) => { return s1.getBoundingClientRect().left - s2.getBoundingClientRect().left } ) const getSectionInView = () => { const halfWidth = window.innerWidth / 2 const index = sections.findIndex( section …

11 javascript  mouseevent  keyboard-events  scroll-snap  animateplus 

我正在编写一个简单的Mines应用程序，以帮助我了解SwiftUI。因此，我希望主要点击（通常是LMB）“挖”（揭示那里是否有矿井），以及希望次要点击（通常是人民币）来标记。 我正在挖掘工作！但是我不知道如何放置标记，因为我不知道如何检测辅助点击。 这是我正在尝试的： BoardSquareView( style: self.style(for: square), model: square ) .gesture(TapGesture().modifiers(.control).onEnded(self.handleUserDidAltTap(square))) .gesture(TapGesture().onEnded(self.handleUserDidTap(square))) 正如我前面所暗示的，handleUserDidTap单击时可以正确调用by返回的函数，但是handleUserDidAltTap只有在按住Control键时才能调用by 返回的函数。这是有道理的，因为这就是代码的意思……但是我看不到任何可以让其注册第二次点击的API，因此我不知道该怎么办。 我也尝试过此方法，但行为似乎相同： BoardSquareView( style: self.style(for: square), model: square ) .gesture(TapGesture().modifiers(.control).onEnded(self.handleUserDidAltTap(square))) .onTapGesture(self.handleUserDidTap(square))

10 swift  event-handling  mouseevent  swiftui  right-click