Questions tagged «mouseevent»

鼠标生成的用户界面事件的常规标记。这包括按下/释放按钮,单击(包括双击/三次单击),移动,拖动等。


9
将光标更改为手指指针
我有这个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 

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


13
您如何在ReactJS中悬停?-在快速悬停过程中未注册onMouseLeave
进行内联样式设置时,如何在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 …

6
延迟jQuery悬停事件?
我想延迟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 …


2
同时使用键盘事件进行滚动和CSS滚动捕捉时发生冲突
您可以通过按下水平滚动我的演示页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 …

1
如何在SwiftUI中检测右键?
我正在编写一个简单的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))
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.