JS事件

Posted 2020-12-06 要努力啊小汤！

JS事件

---

 

鼠标事件

onclick 鼠标单击时触发此事件
ondblclick 鼠标双击时触发此事件
onmousedown 鼠标按下时触发此事件
onmouseup 鼠标弹起时触发此事件
onmouseover 鼠标移动到某个设置了此事件的元素上时触发此事件
onmousemove 鼠标移动时触发此事件
onmouseout 鼠标从元素上移动开时触发此事件
键盘事件

onkeydown 当键盘上的某个键被按下时触发此事件
onkeyup 当键盘上的某个键被弹起时触发此事件
onkeypress 当输入有效的字符按键时触发此事件

<script type="text/javascript">
    function a(){
        var x;
        if(window.event) // IE8 及更早IE版本
        {
            x=event.keyCode;
        }
        else if(event.which) // IE9/Firefox/Chrome/Opera/Safari
        {
            x=event.which;
        }
alert(x);        # 弹出Unicode 编码
          x=String.fromCharCode(x);            # 将Unicode 编码转为一个字符:
          alert(x);        # 弹出Unicode 编码对应的字符（键盘输出）
    }
</script>

页面事件
onload 当页面加载完成时触发此事件
onunload 当页面关闭时触发此事件
表单事件

oublur 当元素失去焦点时触发此事件
onchange 当元素失去焦点且元素内容发生改变时触发此事件
onfocus 当某个元素获得焦点时触发此事件
onreset 当表单被重置时触发此事件
onsubmit 当表单被提交时触发此事件
事件对象

在键盘事件中，使用event对象的keyCode属性识别用户按下哪个键盘键

<script type="text/javascript">
        window.onload = function (){
            document.body.onkeyup = function(evt){
                // 创建事件对象：主流浏览器、IE浏览器
                var a = evt ? evt:window.event;
                if(a.keyCode == 65){
                    alert("A");
                }
            }
        }
</script>

 

键码值对照表

键                值
A                65
B                66
C                67
D                68
E                69
F                70
G                71
H                72
I                73
J                74
K                75
L                76
M                77
N                78
O                79
P                80
Q                81
R                82
S                83
T                84
U                85
V                86
W                87
X                88
Y                89
Z                90
0                48
1                49
2                50
3                51
4                52
5                53
6                54
7                55
8                56
9                57
left            39
up                38
right            39
down            40