Javascript

Javascript

1，style样式操作

获取style样式

设置style样式

2，class属性操作

获取class属性

设置class属性

3，事件

鼠标事件

onmousedown 按下鼠标键

onmousemove 移动鼠标

onmouseout 鼠标离开某一个网页对象

onmouseover 鼠标移动到某一个网页对象上

onmouseup 松开鼠标键

onclick 单击鼠标键

ondblclick 双击鼠标键

键盘事件

onkeydown 按下一个键

onkeyup松开一个键

onkeypress按下然后松开一个键

3.1，使用方式

行内：

<button> onclick = “alert（）”</button>

直接使用（调用函数）：

<button> onclick =“函数名（）”</button>

绑定事件：

<button class=“btn3”> </button>

（confrim 弹框）

3.2，事件三阶段

事件捕获阶段：从外向内。

事件目标阶段：最开始选择的那个。

事件冒泡阶段：从里向外。

.eventPhase 查看事件触发时所处的阶段

4，监听器

4.1，Dom监听

addEventListener（type，listener）{

}

removeEventListener

4.2，IE监听 (只在IE系统使用！！)

.attachEvent

.detachEvent

4.3，兼容性

重新定义了注册监听事件 元素

function addEventListener（element , type ，fn）{

if(element.addEventListener){

element.addEventListener(type,fn);

}else if(element.addEventListener){

element.attachEvent("on"+type,fn);

}else{

element['on'+type]=fn

}

}