Ang onmousemove event
Paglilinaw at Paggamit
Ang onmousemove event ay nangyayari kapag ang pointer ay nasa ibabaw ng elemento.
Mga Halimbawa
Mga Halimbawa 1
Ipa-eksekuta ang JavaScript kapag inilipat ang mouse pointer sa <div> elemento:
<div onmousemove="myFunction()">Ilipat ang mouse pointer sa akin</div>
Halimbawa 2
Ang halimbawa na ito ay nagpapakita ng pagkakaiba ng mga pangyayari na onmousemove, onmouseenter, at mouseover:
<div onmousemove="myMoveFunction()"> <p id="demo">Aking ipapakita sa onmousemove!</p> </div> <div onmouseenter="myEnterFunction()"> <p id="demo2">Aking ipapakita sa onmouseenter!</p> </div> <div onmouseover="myOverFunction()"> <p id="demo3">Aking ipapakita sa onmouseover!</p> </div>
Halimbawa 3
Ang halimbawa na ito ay nagpapakita ng pagkakaiba ng mga pangyayari na onmousemove, onmouseleave, at onmouseout:
<div onmousemove="myMoveFunction()"> <p id="demo">Aking ipapakita sa onmousemove!</p> </div> <div onmouseleave="myLeaveFunction()"> <p id="demo2">Aking ipapakita sa onmouseleave!</p> </div> <div onmouseout="myOutFunction()"> <p id="demo3">Aking ipapakita sa onmouseout!</p> </div>
Mga tuntunin ng pangungusap
Sa HTML:
<element onmousemove="myScript">
Sa JavaScript:
object.onmousemove = function(){myScript};
Sa JavaScript, gamit ang addEventListener() method:
object.addEventListener("mousemove", myScript);
Komentaryo:Ang Internet Explorer 8 o mas maaga ay hindi sumusuporta Mga paraan sa pagdododok sa pagkatapos ng pagpasok ng kaganapan:.
Detalye ng teknolohiya
Bububog na paglilitis: | Suporta |
---|---|
Maaaring kanselahin: | Suporta |
Uri ng pangyayari: | MouseEvent |
Tag na suportado ng HTML: | Lahat ng HTML na elemento, maliban sa: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> at <title> |
DOM Versyon: | Level 2 Events |
Suporta ng Browser
Event | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
onmousemove | Suporta | Suporta | Suporta | Suporta | Suporta |