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
}
}