首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

input获取焦点 原生js_原生js的input事件

1.onfocus 当input 获取焦点时触发 2.onblur 当input失去焦点时触发,注意:这个事件触发的前提是已经获取焦点再失去焦点的时候才会触发该事件,用于判断标签为空。...3.onchange 当input失去焦点并且它的value值发生变化时触发,个人感觉可以用于注册时的确认密码。...onselect 当input里的内容文本被选中后执行,只要选择了就会触发,不是全部选中 8.oninput 当input的value值发生变化时就会触发,(与onchange的区别是不用等到失去焦点就可以触发了...) 使用方法: 以上事件可以直接放到input的属性里,例如: 1 , 可以通过js给input dom元素添加相应的事件, 2 document.getElementByTagName(‘input’

25.7K60
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    jquery 绑定事件 - blur() 失去焦点 - focus() 获取焦点

    事件指定处理函数 ready() DOM加载完成 resize() 浏览器窗口的大小发生改变 scroll() 滚动条的位置发生变化 submit() 用户递交表单 编写一个form表单,用来演示输入框获取焦点和失去焦点的示例...focus() 元素获得焦点 首先先来这个focus()函数。 ? 可以看到当获取焦点的时候,就立即弹出alert()。...其实通过focus()函数只是简单用来初始化文本框的焦点输入的而已,如下: ? 当刚进入页面,文本框就自动获取焦点,这基本上就是这个方法的大部分用法了。...blur() 元素失去焦点 使用blur()失去焦点这个方法一般会结合获取文本框内容的函数一起使用,如下: ? 当获取到文本框内的值之后,就可以对其进行正则验证或者其他方式的校验。... <script type="text/javascript" src="jquery/jquery-3.3.1.min.<em>js</em>

    12.3K30

    【Android TV 开发】焦点处理 ( 父容器与子组件焦点获取关系处理 | 不同电视设备上的兼容问题 | 触摸获取焦点 | 按键获取焦点 )

    | 触摸获取焦点 | 按键获取焦点 ) 文章目录 Android TV 开发系列文章目录 一、父容器与子组件焦点获取关系处理 二、不同电视设备上的兼容问题 三、按键获取焦点 四、触摸获取焦点 一、父容器与子组件焦点获取关系处理..., 如果父容器不需要焦点 , 子组件才能获取焦点 ; ② afterDescendants : 子组件 优先获取焦点 , 如果子组件不需要获取焦点 , 则父容器获取焦点 ; ③ blocksDescendants...: ① 设置可获取焦点 : 给 需要获取焦点的组件 , 统一添加 android:focusable="true" 属性 ; ② 设置不可获取焦点 : 凡是 不需要获取焦点的组件 , 统一添加 android...; 三、按键获取焦点 ---- 按键获取焦点 : 在手机上按键获取焦点已经不常用 , 使用遥控器 / 手柄 控制界面需要关注该操作 ; 在 xml 布局文件中 , 在组件节点上设置如下属性 , 取值...OnFocusChangeListener 回调 , 获取焦点后才能进行点击 ; EditText 默认自动获取焦点 , 并且进入界面抢先获取焦点 , 该组件需要有光标 , 并且弹出软键盘 ;

    3.2K40

    JS实现焦点图轮播效果

    还有一个问题需要注意,此焦点图轮播器其实只有五张图,但是在id为list的div里却放了七张图,这是为啥呢?...好了,最重要的还是JS实现轮播效果: 首先来实现最简单的通过左右按钮来实现切换: window.onload = function () { var container = document.getElementById...; } } 接下来需要通过点击小按钮来实现切换效果,不像左右切换,按钮是可以随意点击进行切换的,比如从第一个按钮直接点击第五个按钮,这样的话,就不是每次都是-600的间隔了,我们因此还需要获取当前点击的按钮和之前的按钮的...但是如何知道当前点击的是哪个按钮呢,还记得我们在按钮的span标签里设置了自定义属性index吗,其值分别对应每个按钮的索引值,这样当点击按钮时通过获取该按钮的index属性值即可知道是哪个按钮,最后一点就是当继续点击当前按钮时...if(this.className == 'on') { return; } //通过获取按钮标签的自定义属性

    15.2K61

    WPF 程序如何移动焦点到其他控件

    WPF 中可以使用 UIElement.Focus() 将焦点设置到某个特定的控件,也可以使用 TraversalRequest 仅仅移动焦点。本文介绍如何在 WPF 程序中控制控件焦点。...---- UIElement.Focus 仅仅需要在任何一个控件上调用 Focus() 方法即可将焦点设置到这个控件上。...比如,以下代码是将焦点转移到下一个控件,也就是按下 Tab 键时焦点会去的控件。...view.MoveFocus(traversalRequest); 关于逻辑焦点和键盘焦点 键盘焦点就是你实际上按键输入和快捷键会生效的焦点,也就是当前正在工作的控件焦点。...每个焦点范围内都有一个逻辑焦点,记录如果这个焦点范围一旦获得焦点后应该在哪个控件获得键盘焦点

    49730

    WPF 自定义控件入门 Focusable 与焦点

    自定义控件时,如果自定义的控件需要用来接收键盘消息或者是输入法的输入内容,那就需要关注到控件焦点 默认情况下的自定义控件是没有带可获取焦点的功能的,例如编写一个继承 FrameworkElement...的名为 Foo 的用来演示的自定义控件,通过 Focus 方法其实也是无法给此控件设置上焦点了 为了方便演示,咱来新建一个空 WPF 项目。...是否获取到了控件,在界面上放一个 TextBox 控件。...由于 TextBox 控件默认是可以获取键盘输入焦点的,如果焦点被 Foo 抢走了,自然就会让 TextBox 失去输入焦点 编辑 MainWindow.xaml 添加以下代码 ...Foo 元素,让 TextBox 丢失键盘输入焦点 对于一个明确是可以获取键盘焦点的自定义控件来说,许多时候都是重写 FocusableProperty 依赖属性的默认值来设置的,而不是对每个实例单独进行设置

    2K50
    领券