如何使用JavaScript取消元素焦点

1.思考：js脚本的嵌入方式

1）浏览器的加载顺序。遇到js执行js，执行完成后继续加载。可能会导致文档阻塞，加载不出内容
2）文档全部加载完成后再加载js。js中定义了一种window.onload事件可以解决以上问题
2.简介：什么是事件？
事件就是浏览器或者用户交互时触发的行为。比如按钮点击，表单提交，鼠标滑动等等…
3.事件的分类：
1）系统事件：如：文档加载完成。
2）用户事件：如：鼠标移入移出，单击双击等。
4.事件触发：
系统事件会由系统触发，如window.onload事件，用户事件由用户行为触发如click事件。主要讲解的系统事件是window.onload，用户事件主要在操作html文档的时候触发。详细事件列表可参考w3c离线文档中的Javascriptàdom事件
5.常见的事件
onblur：元素失去焦点。
onchange：域的内容被改变。
onclick：当用户点击某个对象时调用的事件句柄。
onfocus：元素获得焦点。
onkeydown：某个键盘按键被按下。
onload：一张页面或一幅图像完成加载
6.事件响应：
1）我们希望某个事件发生的时候我们可以做一些事情。这个称为事件的响应，比如用户点击了一个按钮，我弹出一个框告诉用户，你成功的点击了这个按钮。
2）事件触发后我们要执行的方法称为响应函数。如何将响应函数与事件关联起来。我们常使用为事件赋值函数的方法。如window.onload事件触发时我们执行弹出对话框
window.onload = function(){alert(“文档加载完成了！”)}
我们也可以使用标签的事件属性来触发响应函数，如：
尚硅谷//onclick会触发gotoguigu()函数我们在中定义这个函数
7.取消事件的默认行为
1）默认行为：某些事件触发后，系统会有默认的响应处理。如：
超链接点击后会自动跳转、表单提交点击后会发送请求
2）取消默认行为的方式：
return false;即可
8.正确的js加载方式
文档加载完成后加载js
所以我们以后写js的时候，请把他包在window.onload 的响应函数里，表示文档加载完成后会执行函数里面的代码。
相关内容：
javaweb内容jsjava中json的使用
Java Web相关技术面试题
尚硅谷JavaWeb视频教程，新版重磅升级
javaweb中有关Ajax的面试题
web前端js框架有哪些

本站部分内容由互联网用户自发贡献，该文观点仅代表作者本人，本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规等内容，请举报！一经查实，本站将立刻删除。

如何使用JavaScript取消元素焦点

相关推荐