btn.onclick = function (event) {
// event 就是事件對象
var e = event || window.event; // window.event是兼容低版本IE的寫法
}
event 常見屬性
| 屬性 | 用途 |
|---|---|
| clientX | 光標(biāo)相對于該網(wǎng)頁的水平位置 |
| clientY | 光標(biāo)相對于該網(wǎng)頁的垂直位置 |
| type | 事件的類型 |
| target | 該事件被傳送到的對象 |
| screenX | 光標(biāo)相對于該屏幕的水平位置 |
| screenY | 光標(biāo)相對于該屏幕的垂直位置 |
| pageX | 光標(biāo)相對于該網(wǎng)頁的水平位置(IE6,7,8不適用) |
| pageY | 光標(biāo)相對于該網(wǎng)頁的垂直位置(IE6,7,8不適用) |
| width | 該窗口或框架的寬度 |
| height | 該窗口或框架的高度 |
| data | 返回拖拽對象的 URL 字符串 |
javascript 事件傳遞機制(冒泡)
- js事件會從事件源(比如被點擊的a標(biāo)簽)沿著
DOM樹一層層向上傳遞
注: 不是所有的事件都能冒泡,比如 :
blurfocusloadunload
阻止冒泡
- 標(biāo)準(zhǔn)瀏覽器
event.stopPropagation();
- IE
event.cancelBubble = true;
- 兼容寫法
function stopBubble(event) {
// w3c標(biāo)準(zhǔn)
if (event && event.stopPropagation) {
event.stopPropagation()
}else{
// IE瀏覽器
event.cancelBubble = true;
}
}
