在mousemove上调用函数

问题描述：

我有一个java脚本函数，我想要调用时，鼠标移动，所以最新的方式来调用它在java脚本。谢谢在mousemove上调用函数

你认为Google？ http://www.google.com/search?q=javascript+mouse+move+event – gahooa 2009-10-29 01:02:03

我们是否正在讨论HTML，XML或类似DOM文档中的JavaScript？ – machinegone 2009-10-29 01:02:13

答

参考嘛，你并没有真正提供其上要附加处理程序的元素，但在这里是如何与人体元素做到这一点：

<html> 
<head> 
<script type="text/javascript"> 
function move() { 
alert("Your mouse moved!"); 
} 
</script> 
</head> 
<body onmousemove="move()"> 
<div>Test</div> 
</body> 
</html>

答

你必须有一个HTML元素将触发事件。例如

<div onmousemove="foo()"></div>

如果你希望它发生在整个页面上，我相信把事件放在body标签上会工作，但我不确定。

这里是事件http://www.w3schools.com/jsref/event_onmousemove.asp

我希望我能给你2分 – nkvnkv 2012-09-10 02:22:46

答

Samuel和Salty都提供了附加事件监听器的不好方法！请将您的演示文稿与应用程序分开！

function move(){ 
    //do something on mouse move 
} 

function addEvent(elm, evType, fn, useCapture) { 
    if (elm.addEventListener) { 
     elm.addEventListener(evType, fn, useCapture); 
     return true; 
    } 
    else if (elm.attachEvent) { 
     var r = elm.attachEvent('on' + evType, fn); 
     return r; 
    } 
    else { 
     elm['on' + evType] = fn; 
    } 
} 

function addLoadEvent(func) { 
    var oldonload = window.onload; 
    if (typeof window.onload != 'function') { 
     window.onload = func; 
    } 
    else { 
     window.onload = function() { 
      oldonload(); 
      func(); 
     } 
    } 
} 

function init(){ 
    var body = document.getElementsByTagName('body')[0]; 

    addEvent(body, 'mousemove', move); 
} 

addLoadEvent(init);

感谢达斯汀·迪亚兹为event handling functions - 或者用你喜爱的图书馆。

在mousemove上调用函数

相关推荐