码迷,mamicode.com
首页 > Web开发 > 详细

JS事件

时间:2020-05-28 16:45:11      阅读:86      评论:0      收藏:0      [点我收藏+]

标签:mouse   rip   window   输出   对照表   load   safari   from   ref   

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

 

JS事件

标签:mouse   rip   window   输出   对照表   load   safari   from   ref   

原文地址:https://www.cnblogs.com/tangsujuan/p/12981369.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!