2009-10-29 57 views
-1

我有一個java腳本函數,我想要調用時,鼠標移動,所以最新的方式來調用它在java腳本。 謝謝在mousemove上調用函數

+2

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

+0

我們是否正在討論HTML,XML或類似DOM文檔中的JavaScript? – machinegone 2009-10-29 01:02:13

回答

3

參考嘛,你並沒有真正提供其上要附加處理程序的元素,但在這裏是如何與人體元素做到這一點:

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

你必須有一個HTML元素將觸發事件。例如

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

如果你希望它發生在整個頁面上,我相信把事件放在body標籤上會工作,但我不確定。

這裏是事件http://www.w3schools.com/jsref/event_onmousemove.asp

+0

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

1

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 - 或者用你喜愛的圖書館。