js元素获得焦点,js获取焦点和失去焦点

  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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

相关文章阅读

  • js获取浏览器宽度,js获取浏览器窗口宽度
  • js获取浏览器宽度,js获取浏览器窗口宽度,js 获取屏幕各种宽高的方法(浏览器兼容)
  • js获取本机ip地址的2种方法为,js获取本机ip地址的2种方法是什么
  • js获取本机ip地址的2种方法为,js获取本机ip地址的2种方法是什么,JS获取本机IP地址的2种方法
  • js获取指定时间的时间戳,js根据时区获取时间戳
  • js获取指定时间的时间戳,js根据时区获取时间戳,JS获取当前时间戳方法解析
  • js获取当前节点的父节点,jquery获取父节点
  • js获取当前节点的父节点,jquery获取父节点,JS获取父节点方法
  • js获取当前日期与时间,Js获取时间
  • js获取当前日期与时间,Js获取时间,Js 获取当前日期时间及其它操作实现代码
  • js获取屏幕宽高,获取页面高度js
  • js获取屏幕宽高,获取页面高度js,JS获取屏幕高度的简单实现代码
  • js获取url参数值的两种方式,后端获取url上的参数
  • js获取url参数值的两种方式,后端获取url上的参数,前端JS获取URL参数的4种方法总结
  • js 获取元素宽度,JS获取元素高度
  • 留言与评论(共有 条评论)
       
    验证码: