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

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

1.onfocus 当input 获取焦点触发 2.onblur 当input失去焦点触发,注意:这个事件触发的前提是已经获取焦点再失去焦点的时候才会触发该事件,用于判断标签为空。...3.onchange 当input失去焦点并且它的value值发生变化时触发,个人感觉可以用于注册的确认密码。...4.onkeydown 按下按键的事件触发, 5.onkeyup 当按键抬起的时候触发的事件,在该事件触发之前一定触发了onkeydown事件–相当于一个按键,两个事件,没怎么用过 6.onclick...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...: 只有 父容器 能获取焦点 , 子组件不能获取焦点 ; 二、不同电视设备上的兼容问题 ---- 在开发遇到这样一种情况 , 布局的样式是 ScrollView 中嵌入一个 ConstraintLayout...: ① 设置可获取焦点 : 给 需要获取焦点的组件 , 统一添加 android:focusable="true" 属性 ; ② 设置不可获取焦点 : 凡是 不需要获取焦点的组件 , 统一添加 android...OnFocusChangeListener 回调 , 获取焦点后才能进行点击 ; EditText 默认自动获取焦点 , 并且进入界面抢先获取焦点 , 该组件需要有光标 , 并且弹出软键盘 ;

    3.2K40

    JS实现焦点图轮播效果

    还有一个问题需要注意,此焦点图轮播器其实只有五张图,但是在id为list的div里却放了七张图,这是为啥呢?...好了,最重要的还是JS实现轮播效果: 首先来实现最简单的通过左右按钮来实现切换: window.onload = function () { var container = document.getElementById...但是如何知道当前点击的是哪个按钮呢,还记得我们在按钮的span标签里设置了自定义属性index吗,其值分别对应每个按钮的索引值,这样当点击按钮通过获取该按钮的index属性值即可知道是哪个按钮,最后一点就是当继续点击当前按钮...if(this.className == 'on') { return; } //通过获取按钮标签的自定义属性...最后实现自动播放效果,当鼠标不点击,它能自动播放,这里用到setInterval定时器,每次3秒执行一次点击事件,而当鼠标移上去的时候清除该事件,离开的时候又自动播放。

    15.2K61

    OpenGL ES实践教程(六)全景视频获取焦点

    对性能有较大的影响; 方案3是较为合理的实现方案,仅需要CPU进行少量的浮点变化运算,不需要外设和离屏渲染; 本文在OpenGL ES实践教程4-Demo04-VR全景视频播放的基础上,添加简单的色块,单焦点进入色块进行变色...核心思路 通过计算全景球面上的点经过旋转投影后的位置,来确定当前焦点是否停留在按钮上。...实现1:从摄像机的视点O(0,0,0)到的焦点P(0.5,0.5,0.5)连接一条直线PO,求出直线与全景球面X2+Y2+Z^2=1上面的交点T。...当摄像机旋转的时候,焦点P不断变化,对新的焦点P’,按照上述的方式求出点T’,判断点T’是否在球面的按钮区域; 可以通过手写,我们知道直线OP的方程为2x-1=2y-1=2z-1 联合方程,可以求出交点...1.0 - otherColor.a); } else { gl_FragColor = vec4(rgb, 1.0); } } 在中LYOpenGLView.m中获取对应的变量并赋值

    1.5K50
    领券