【前端学习】前端学习第十七天：JavaScript中的事件属性（下）

一、键盘事件

1、onkeydown：当按下字符键或功能键时触发该事件，如果按住不放，则会持续触发该事件；

2、onkeypress：当按下字符键并松开时触发该事件，如果按住不放，则会持续触发该事件；

3、onkeyup：当释放按键时触发该事件。

二、鼠标事件

1、onmousedown：当按下鼠标按钮时触发该事件；

2、onmouseup：当松开鼠标按钮时触发该事件；

3、onmousemove：当鼠标指针移动时触发该事件；

4、onmouseover：当鼠标移到某元素上触发该事件（有事件冒泡）；

5、onmouseenter：当鼠标移入某元素之上时触发（没有事件冒泡）；

6、onmouseleave：当鼠标移出元素时触发；

7、onmouseout：当鼠标指针移出目标元素之上时触发该事件；

8、onclick：当单击鼠标时触发该事件；

补充面试题：三种创建元素方式的区别：

1、document.write：是直接将内容写入页面的内容流，但文档流执行完毕，则它会导致页面全部重绘；

2、innerHTML（）；

3、createElement（）；

innerHTML（）和createElement（）在创建单个元素时是一样的，当innerHTML（）通过使用拼接字符串创建元素时效率较低，采用数组形式拼接效率比较高，而createElement（）创建元素没有innerHTML（）（不采用字符串拼接方式）高，但结构更清晰。