相关疑难解决方法(0)

Javascript - 跟踪鼠标位置

我希望每隔t毫秒定期跟踪鼠标光标的位置.基本上,当一个页面加载时 - 这个跟踪器应该开始,并且(例如)每100毫秒,我应该获得posX和posY的新值并在表单中打印出来.

我尝试了以下代码 - 但值不会刷新 - 只有posX和posY的初始值显示在表单框中.关于如何启动和运行的任何想法？

<html>
<head>
<title> Track Mouse </title>
<script type="text/javascript">
function mouse_position()
{
    var e = window.event;

    var posX = e.clientX;
    var posY = e.clientY;

    document.Form1.posx.value = posX;
    document.Form1.posy.value = posY;

    var t = setTimeout(mouse_position,100);

}
</script>

</head>

<body onload="mouse_position()">
<form name="Form1">
POSX: <input type="text" name="posx"><br>
POSY: <input type="text" name="posy"><br>
</form>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

javascript

Har*_*ari

2015 10-23

138
推荐指数

9
解决办法

39万
查看次数

如何使用叠加效果高亮显示鼠标光标下的元素？

仍然试图回答这个问题,我想我终于找到了一个解决方案,但它运行得太慢了.

var $div = $('<div>')
    .css({ 'border': '1px solid red', 'position': 'absolute', 'z-index': '65535' })
    .appendTo('body');

$('body *').live('mousemove', function(e) {
    var topElement = null;
    $('body *').each(function() {
        if(this == $div[0]) return true;
        var $elem = $(this);
        var pos = $elem.offset();
        var width = $elem.width();
        var height = $elem.height();
        if(e.pageX > pos.left && e.pageY > pos.top
            && e.pageX < (pos.left + width) && e.pageY < (pos.top + height)) {
            var zIndex = document.defaultView.getComputedStyle(this, null).getPropertyValue('z-index');
            if(zIndex == 'auto') zIndex = …

Run Code Online (Sandbox Code Playgroud)

javascript optimization performance jquery

mpe*_*pen

2017 05-23

12
推荐指数

1
解决办法

4560
查看次数