js:事件(键盘、鼠标事件)

1、鼠标事件

(1)常用的鼠标事件

鼠标经过事件

"body">
       
        
    
  • onclick:左键点击
  • onmouseover:经过
  • onmouseout:离开
  • onfocus:获得鼠标焦点
  • onblur:失去鼠标焦点
  • onmousemove:鼠标移动

(2)鼠标事件对象

"body">
       
        
    

js:事件(键盘、鼠标事件)_第1张图片

 

 

2、键盘事件

(1)常见的键盘事件

js:事件(键盘、鼠标事件)_第2张图片

  • onkeyup:某个按键被松开时触发
  • onkeydown:某个键盘被按下时触发
  • onkeypress:某个按键被按下时触发,但是不识别功能键
  • 三个事件的执行顺序是:keydown、keypress、keyup

(2)键盘事件对象

"body">
        
    

js:事件(键盘、鼠标事件)_第3张图片

 

  • keyup和keydown是不区分字母的大小写的
  • keypress区分字母的大小写
  • 可以通过键盘对象的keyCode属性来区分被按下的按键的大小写

 

你可能感兴趣的:(js:事件(键盘、鼠标事件))