- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我想获取div的鼠标坐标,如下所示:
$("#box").mousemove(function(e){
var x = e.pageX - this.offsetLeft;
var y = e.pageY - this.offsetTop;
document.getElementById("coords").innerHTML = x + ", " + y; });
但我也希望能够判断光标是向左还是向右移动;我知道我只需将当前鼠标位置与前一个鼠标位置进行比较,但我不知道在这种情况下该怎么做。
任何帮助表示赞赏。谢谢
最佳答案
获取鼠标位置的jquery代码如下
jQuery(document).ready(function(){
$(document).mousemove(function(e){
$('#status').html(e.pageX +', '+ e.pageY);
});
})
显然你必须有一个名为“status”的 div
<div id="status">0, 0</div>
要检查光标是否向左或向右移动,您必须存储之前的位置,然后将其与新位置进行比较。
我在这里给你写了完整的例子:
_ 编辑:
如果您需要获取 div 内的坐标,您还需要知道 div 的位置:
$(".div_container").mousemove(function(e){
var relativeXPosition = (e.pageX - this.offsetLeft); //offset -> method allows you to retrieve the current position of an element 'relative' to the document
var relativeYPosition = (e.pageY - this.offsetTop);
$("#header").html("<p><strong>X-Position: </strong>"+relativeXPosition+" | <strong>Y-Position: </strong>"+relativeYPosition+"</p>")
}).mouseout(function(){
$("#header").html("<p>Move mouse on the below blue div container! :)</p>")
});
为了检查鼠标是否向左或向右移动,我使用了以下语法:
xPrev<e.pageX ? $('#lr').html("right") : $('#lr').html("left");
xPrev=e.pageX;
注意:这相当于:
if(xPrev<e.pageX) {
$('#lr').html("right");
}
else {
$('#lr').html("left");
}
xPrev=e.pageX;
这里有工作示例:http://jsfiddle.net/cB9Wq/2/
关于jQuery:鼠标移动事件 - 元素内向左、向右,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14047801/
我试图让一个 div 元素在它位于视口(viewport)内时获得一个附加的类。为此,我使用了缩小版的 JQuery 1.11.0。 这是我的 JQuery 代码: function isScroll
正如标题所示,我无法再从 lambda 向我的 apiGateway 发出请求,因为结果返回以下响应。 \n\nERROR: The request could not be satisfied\n\
我已经看到关于该主题的其他示例/问题,但我无法让我的工作。 我有一个自定义表格 View 单元格,我在其中添加了一个标签。用户将能够触摸标签以改变其颜色。但是,当我点击它调用的标签时 didSelec
简单地说,我有一个 vector : vector> myvector 对于这个例子,它看起来像这样: myvector[ vector{1,2,3} vector{1,2,3,4,5} vector
我是一名优秀的程序员,十分优秀!