html js鼠标离开事件,JavaScript(js)处理的HTML事件、键盘事件、鼠标事件简单示例...

本文实例讲述了JavaScript(js)处理的HTML事件、键盘事件、鼠标事件。分享给大家供大家参考，具体如下：

示例代码：

HTML文件：

HTML文件

window.οnlοad=function () {

var d=document.getElementById('d');

//内容发生改变，并焦点发生改变，才可以监听到

d.οnchange=function () {

alert('内容发生改变')

}

}

键盘事件：

键盘事件

window.οnlοad=function () {

window.οnkeypress=function (e) {

// alert(e.key)//弹出按键对应的字母

// alert(e.keyCode)

if (e.charCode==103){

alert('G键被点击')

}

}

}

鼠标事件：

鼠标事件

window.οnlοad=function () {

var input=document.getElementById('b');

input.οnclick=function () {

alert('按钮被点击了');

}

var c= document.getElementById('c');

c.οndblclick=function () {

alert('双击')

}

}

PS：这里再为大家附上javascript系统自带事件参考表供大家参考查询：

希望本文所述对大家JavaScript程序设计有所帮助。