charset="utf-8">
滑鼠移入移出title>
#box
style>
head>
id="box">我的盒子div>
var box=document.getelementbyid('box');
//建立乙個提示窗並且新增樣式；
var o=document.createelement('div');
o.style.width="50px";
o.style.height="20px";
o.style.border="1px solid #ccc"
o.style.lineheight="20px";
o.style.textalign="center";
o.style.fontsize="12px";
o.innerhtml="提示資訊";
o.style.position="absolute";
o.style.background="#dddddd";
//滑鼠移入
box.addeventlistener('mouseover',function
(e),false);
//滑鼠移動
box.addeventlistener('mousemove',function
(e),false);
//滑鼠移出
box.addeventlistener('mouseout',function
(),false);
script>
body>
html>事件觸發的時候,系統會自動執行事件函式。 執行後會返回給事件函式 ，乙個事件物件。
用引數接收。
獲取事件物件後能 獲取事件的所有資訊！
JS 獲取觸發事件的物件
event.srcelement 引發事件的目標物件，常用於onclick事件。event.fromelement 引發事件的物件源，常用於onmouseout和onmouseover事件。event.toelement 引發事件後，滑鼠移動到的目標源，常用於onmouseout和onmouseov...
js事件定義方式和獲取事件物件event總結
js中事件的定義方式有3種 標籤內事件屬性，dom元素事件屬性 和 dom元素新增事件的方法。1.標籤內事件屬性 事件處理函式內this 指向事件源元素 a div 標籤內事件屬性其實是乙個匿名函式，在ie中等價於 adiv nclick function 在ff中 等價於 adiv nclick ...
獲取事件物件和冒泡的阻止
如何獲取事件物件 1 dom.onclick function iechrome 2 dom.onclick function e ie9及以上版本 火狐chrome 相容dom.onclick function e 阻止冒泡 e.stoppropagation 標準方法 ie8及以下版本不相容 e...