如果光标位于元素之外,如何应用压缩光标
How to get the mousdown cursor to apply if cursor is outside of an element?
在这个小提琴中,你可以抓住黑框,然后拖拽一个圆圈
http://jsfiddle.net/S5AT6/
当用户抓住黑框时,如何显示鼠标向下光标(闭合手)而不是默认光标,但他们的光标在#marker
元素之外和文档内部。
你去: jsFiddle 上的解决方案
事情发生了变化:
.CSS
// removed the !important flag here
cursor: url(https://mail.google.com/mail/images/2/openhand.cur), default;
// removed the div#marker here
.mouseDown {
.JS
在文档就绪中添加了这个:
$(document).on('mouseup', function(event) {
$('body').removeClass("mouseDown");
});
在鼠标按下功能中添加了以下内容:
$('body').addClass("mouseDown");
只需将cursor
样式应用于整个<html>
即可。更新的 jsFiddle
相关文章:
- 如何将HTML id分配给元素,以及如何将JavaScript应用于元素
- Canvas Html5绘图应用程序,移动画布会导致重大问题
- Emberjs应用程序加载在除Index之外的所有路由上
- 使用电话间隙在Android应用程序中显示SQL Lite的数据
- 跟踪在页面加载时应用内联样式的JavaScript
- 在AngularJS应用程序中使用封装指令和路由的推荐方式是什么
- 如果文本字段为空,则使用JavaScript应用CSS样式
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 为什么在单独的函数中应用时转换会闪烁/断断续续(D3)
- angular 1.5应用程序中的导航栏
- 在Web应用程序中使用Highcharts javascript
- angularjs+rails应用程序中未显示模板
- 从html创建一个指令,该指令按类名应用函数
- 绘图应用程序-单击工具更改光标
- 如果所选范围为空,则在光标处应用“选择”
- 铬中的 CKEDITOR 在光标位置添加“?”标记,同时应用任何样式(粗体/斜体)而不选择
- 如果光标位于元素之外,如何应用压缩光标
- 在遍历光标和更新文档时,连接因应用程序错误而关闭
- 在web应用程序中发布/获取期间,使用web上的等待光标
- 谷歌应用程序脚本::是否有可能获得光标的位置或从谷歌文档中获得选定的文本