首页
学习
活动
专区
工具
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

    实测Android音频的焦点获取和归还

    实测Android音频的焦点获取和归还 前言 最近老板想在产品中的短视频后者直播播放的时候对于手机中的音乐播放器进行暂停播放,并且退出视频播放后手机的音乐播放器还能继续播放之前的音乐。...Android官网:管理音频焦点 官网管理音频焦点准则: 在即将开始播放之前调用 requestAudioFocus(),并验证调用是否返回 AUDIOFOCUS_REQUEST_GRANTED。...在其他应用获得音频焦点时,停止或暂停播放,或降低音量。 播放停止后,放弃音频焦点。...系统使用这些信息来自动管理音频焦点的得到和失去。...(2) AUDIOFOCUS_GAIN_TRANSIENT:表示申请一个短暂的音频焦点,并且马上就会被释放,此时希望上一个持有音频焦点的App暂停播放。例如播放一个提醒声音。

    3.7K30

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

    核心思路 通过计算全景球面上的点经过旋转投影后的位置,来确定当前焦点是否停留在按钮上。...实现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 联合方程,可以求出交点...实现2:假设点P是按钮的中心,对点P进行旋转、投影等变换后,求出点P在屏幕上的位置,如果点P在焦点范围内,则认为聚焦; demo采用的是实现2。 效果展示 ?...1.0 - otherColor.a); } else { gl_FragColor = vec4(rgb, 1.0); } } 在中LYOpenGLView.m中获取对应的变量并赋值

    1.5K50

    【Web APIs】JavaScript 操作元素 ⑧ ( DOM 操作元素 案例 | 获取焦点 onfocus 事件 | 失去焦点 onblur 事件 | 获取设置 HTML 页面背景颜色 )

    一、案例需求 实现如下效果 , 默认状态下 , 表单显示灰色提示字体 , 点击表单输入内容是黑色字体的 ; 二、案例核心要点 1、获取焦点事件 - onfocus 事件 在 JavaScript 中 ,...按下 Tab 键 移动 焦点时 , 该事件会被触发 ; 绑定 onblur 事件的方法 : 设置 onblur 属性 : 可以通过 DOM 操作 , 给元素添加 onblur 属性 , 来指定当焦点集中在元素上时要执行的...使用 标签选择器 获取元素 var text = document.querySelector('input'); // 2....注册 获得焦点 事件 onfocus text.onfocus = function() { // 如果 input 表单获取焦点 , 则显示 " 请输入搜索内容...if (this.value === '请输入搜索内容') { this.value = ''; } // 获取焦点

    10310
    领券