使用JavaScript显示鼠标性别和鼠标位置不起作用

Show mousex and mousey position using JavaScript not working

本文关键字：鼠标 位置 不起作用 JavaScript 显示 使用      更新时间：2023-09-26

HTML和JavaScript代码如下所示，我已经在mozilla和chrome中检查了它，它不工作。

这是HTML部分

<form name ="show">
        <input type="text" name="mouseXField" >Mouse X Position<br />
        <input type="text" name="mouseYField" >Mouse Y Position<br />
    </form>

这是javascript部分

var mie = (navigator.appName == "Microsoft Internet Explorer") ? true : false;
    if (!mie) {
        document.captureEvent(Event.MOUSEMOVE);
        document.captureEvent(Event.MOUSEDOWN);
    }

    document.onmousemove = mousePos();
    document.onmousedown = mouseClicked();
    var mouseClick=0;
    var keyClicked=0;
    var mouseX = 0;
    var mouseY = 0;
    function mousePos (e) {
        if (!mie) {
            mouseX = e.pageX; 
            mouseY = e.pageY;
        }
        else {
            mouseX = event.clientX + document.body.scrollLeft;
            mouseY = event.clientY + document.body.scrollTop;
         }
    document.show.mouseXField.value = mouseX;
    document.show.mouseYField.value = mouseY;
    return true;
    }

这是一个使用jquery的解决方案:

var IE = document.all?true:false
if (!IE) document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = getMouseXY;
document.onmousemove = getMouseXY;
        var tempX = 0;
        var tempY = 0;
        function getMouseXY(e) {
            if (IE) { 
            tempX = event.clientX + document.body.scrollLeft
            tempY = event.clientY + document.body.scrollTop
            } 
            else 
            {  
             tempX = e.pageX
             tempY = e.pageY
            }  
            $('#spnCursor').html("x: " + tempX+" y: "+ tempY);
            return true
            }

else块中引用的事件变量声明在哪里?

你能把html也贴出来吗?

一个快速的谷歌显示了一些jsfiddle页面，达到你所追求的

相关文章：