
正文
JavaScript学习 - 基础(七) - DOM event(事件)
提示:扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
DOM event(事件)定义事件: // 定义事件:
//方式一,直接在标签上定义事件 // 方式二:
var a11 = document.getElementsByName('a11')[0];
a11.onclick = function f1() {
console.log("OK!!!")
} //方式三(this方式)
var a11 = document.getElementsByName('a11')[0];
a11 = function f1() {
this.onclick(console.log("OK!!!"))
}
//onclick 用户点击某个对象时调用的事件句柄
//ondblclick 用户双击某个对象时调用的事件句柄 // onfocus 获得焦点时触发
// onblur 失去焦点时触发 // onchange 内容修改时触发 //onkeydown 某个键盘按下
// onkeypress 某个键盘按下并松开
// onkeyup 某个按键松开 // onmousedown 鼠标按钮按下
// onmousemove 鼠标移动
// onmouseout 鼠标从某元素移开
// onmouseover 鼠标一道某元素之上
// onmouseleave 鼠标从元素离开 //div - div /div - /div 鼠标点击 内层div时 会同时触发 内外层事件!
//注意:!!! 阻止事件向外层传递!!!!
// var event = 获取标签
//event.onclick = function(e){
//e.stopPropagation;
//}
// 定义事件:
//方式一,直接在标签上定义事件 // 方式二:
var a11 = document.getElementsByName('a11')[0];
a11.onclick = function f1() {
console.log("OK!!!")
} //方式三(this方式)
var a11 = document.getElementsByName('a11')[0];
a11 = function f1() {
this.onclick(console.log("OK!!!"))
}
//onclick 用户点击某个对象时调用的事件句柄
//ondblclick 用户双击某个对象时调用的事件句柄 // onfocus 获得焦点时触发
// onblur 失去焦点时触发 // onchange 内容修改时触发 //onkeydown 某个键盘按下
// onkeypress 某个键盘按下并松开
// onkeyup 某个按键松开 // onmousedown 鼠标按钮按下
// onmousemove 鼠标移动
// onmouseout 鼠标从某元素移开
// onmouseover 鼠标一道某元素之上
// onmouseleave 鼠标从元素离开 //div - div /div - /div 鼠标点击 内层div时 会同时触发 内外层事件!
//注意:!!! 阻止事件向外层传递!!!!
// var event = 获取标签
//event.onclick = function(e){
//e.stopPropagation;
//}







