js元素获得焦点,js获取焦点和失去焦点
本教程运行环境:windows7系统,javascript1.8.5版本1.8.5,戴尔G3电脑。
javascript中什么是焦点?
在JavaScript中,焦点是关注的区域,也就是当前光标被激活的位置。页面屏幕中闪烁的小竖线表示网页上的控件已被选中,可以操作。点击鼠标得到光标,Tab键可以根据设置的Tabindex切换焦点。
比如一个文本框获得焦点,你在键盘上输入的字符会直接进入文本框;例如,下拉列表框获得焦点。如果你按下键盘上的向下箭头,它会列出清单。程序中还有获得焦点(gotfocus())和失去焦点(lostfocus())的事件,以及为控件设置focus方法(setfocus())。善用焦点可以让你的程序看起来很人性化。
获得焦点,可以使用的区域,包括活动界面和可视化控件等。并使该区域自动执行一个动作(如滚动和动画)或一个逻辑事件;此外,可以手动执行点击事件和操作来获得焦点区域。区域(活动界面、控件等。)有一个函数,响应取决于它是否获得焦点。
JavaScript获取焦点与移开焦点的方法:
JavaScript可以通过focus()方法获得焦点,通过blur()方法将焦点移开。
获取焦点:
focus()方法用于为复选框提供焦点。
语法:
checkbox object . focus()失去焦点:
blur()方法用于将焦点从单选按钮上移开。
语法;
radioObject.blur()的示例:
以下示例可以设置或移除单选按钮上的焦点:
!声明文档类型
超文本标记语言
头
meta charset=utf-8
脚本类型=文本/javascript
函数setFocus() {
document . getelementbyid( check 1 )。焦点()
}
函数loseFocus() {
document . getelementbyid( check 1 )。模糊()
}
/脚本
/头
身体
形式
输入类型=text id=check1 /
br /br /
input= button onclick= setfocus() value= get focus /
input= button onclick= lose focus() value=移动焦点/
/表单
/body
/html渲染:
【推荐学习:javascript高级教程】以上是javascript中重点是什么的细节。请多关注我们的其他相关文章!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。