在 JavaScript 中焦点是什么意思? 下面本篇文章就来给大家介绍一下焦点, 以及在 JavaScript 中获取焦点与移开焦点的方法, 希望对大家有所帮助.
焦点即是光标, 焦点是在页面屏幕中闪动的小竖线. 鼠标点击可获得光标, Tab 键可按照设置的 Tabindex 切换焦点.
JavaScript 获取焦点与移开焦点的方法:
JavaScript 可以通过 focus() 方法获取焦点, 通过 blur() 方法移开焦点.
获取焦点:
focus() 方法用于为 checkbox 赋予焦点.
语法:
checkboxObject.focus()
失去焦点:
blur() 方法用于从单选按钮上移开焦点.
语法;
radioObject.blur()
示例:
下面的例子可设置或移开单选按钮上的焦点:
- <!DOCTYPE html>
- <HTML>
- <head>
- <meta charset="utf-8">
- <script type="text/javascript">
- function setFocus() {
- document.getElementById('check1').focus()
- }
- function loseFocus() {
- document.getElementById('check1').blur()
- }
- </script>
- </head>
- <body>
- <form>
- <input type="text" id="check1" />
- <br />
- <br />
- <input type="button" onclick="setFocus()" value="获取焦点" />
- <input type="button" onclick="loseFocus()" value="移开焦点" />
- </form>
- </body>
- </HTML>
效果图:
来源: http://www.css88.com/qa/javascript/11940.html