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

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

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

12.1K30
您找到你想要的搜索结果了吗?
是的
没有找到

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

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

9210

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

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

3.2K40

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

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

3.6K30

浅析JavaScript的用户登录表单——焦点事件

在Web项目开发中,经常会在表单验证功能看到焦点事件。例如,文本框获取焦点改变文本框的颜色,文本框失去焦点检验输入的文本框的内容是否正确等。接下来,小编带大家一起来实现一个用户登录的表单!...二、项目准备 开发工具:HBuilderX 浏览器:Google Chrome浏览器 三、项目目标 1.掌握焦点事件的使用。 2.理解获取焦点和失去焦点知识。 3.学会运用封装函数。...JavaScript 1.获取元素操作的对象 function $(id){ return document.getElementById(id); } 在上面代码中,$(id)函数用于根据id...2.在JavaScript中首先获取操作元素的对象,给指定元素添加失去焦点事件,之后,检验指定元素失去焦点,它的value值是否为空,检验表单是否为空。最后处理登录按钮的事件。...最后需要本文项目代码的小伙伴,请在公众号后台回复“焦点事件”关键字进行获取,如果在运行过程中有遇到任何问题,请随时留言或者加小编好友,小编看到会帮助大家解决bug噢!

1.8K11

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

获得焦点与失去焦点事件

一 介绍 获得焦点事件(onfocus)是当某个元素获得焦点时触发事件处理程序。 失去焦点事件(onblur)是当前元素失去焦点时触发事件处理程序。...二 应用 文本框获得焦点时改变背景颜色 本示例是在用户选择页面中的文本框时,改变文本框的背景颜色,当选择其他文本框时,将失去焦点的文本框背景颜色恢复原始状态。...textfield4" οnfοcus="txtfocus()" onBlur="txtblur()"> <script language="<em>javascript</em>...-- function txtfocus(event){ //当前元素获得<em>焦点</em> var e=window.event; var obj=e.srcElement; //用于<em>获取</em>当前对象的名称 obj.style.background...="#FFFF66"; } function txtblur(event){ //当前元素失去焦点 var e=window.event; var obj=e.srcElement; obj.style.background

5.9K30

Android Selector获取焦点后文本背景修改的实现代码

1, 获取焦点后文本背景进行修改 【1】 selector状态选择器(bg_check_three(存放 res -color))资源文件下,否则不起作用 【2】焦点状态下-android:state_focused...=”true”(获取焦点) 【3】android:state_focused=”true” 必须放在第一行,否则不生效 2,实现Demo 【1】实现效果: ?...android:color="@color/colorAccent" / </selector XML文件进行调用:android:textColor=”@color/bg_edittext_one” 有焦点修改背景...bg_edittext_one" android:layout_width="match_parent" android:layout_height="45dp" android:text="焦点样式...:改变背景色同时改变字体色" android:gravity="center" / 总结 以上所述是小编给大家介绍的Android Selector获取焦点后文本背景修改的实现代码,希望对大家有所帮助

1.5K30
领券