js课程 5-14 js如何实现控制动画角色走动

一、总结

一句话总结：首先是onkeydown事件，然后是改变元素的left和top属性

 

1、常用键盘事件有哪些？

• onkeydown和 onkeyup，onkeypress用的很少

 

2、js如何实现按上下左右页面中的图片也跟着变化？

首先是onkeydown事件，然后是改变元素的left和top属性

 

3、js中的事件触发的两种方式？

在标签内，比如οnclick=""

在script中，document.οnkeydοwn=function(event){}

26 document.onkeydown=function(event){

 

4、如何让一个文本框里面只能输入大写或者小写（比如验证码框）（用键盘事件）？

用onkeyup函数，比如只能输入大写，首先获取文本内容，然后全部用toUpperCase函数转成大写

23 

 

 

二、js如何实现控制动画角色走动

1、相关知识

 js特效:

1.触发事件

2.属性改变

3.样式改变

绑定事件:

1.标签身上

2.js代码中

鼠标事件:

• onclick

• ondblclick

• onmouseenter

• onmouseleave

• onmousemove

实例:循环单击!

键盘事件:

• onkeydown

• onkeyup

• onkeypress

 

2、代码

onkeyup键盘弹起事件

1  2  3  4     
      5      6     11 12 13     
     
      14         
      
用户名:
15         
      
16         
      
密码:
17         
      
18         
      
验证码:
19         
      
20         
      
21     
     
22 23 32 

 

onkeydown键盘按下事件

1  2  3  4     
      5      6     14 15 16         17 18 54