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

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

事件函数列表 blur() 元素失去焦点 focus() 元素获得焦点 click() 鼠标单击 mouseover() 鼠标进入(进入子元素也触发) mouseout() 鼠标离开(离开子元素也触发)...scroll() 滚动条位置发生变化 submit() 用户递交表单 编写一个form表单,用来演示输入框获取焦点失去焦点示例 ?...好了,有了基本HTML架构之后,就可以来演示了。 focus() 元素获得焦点 首先先来这个focus()函数。 ? 可以看到当获取焦点时候,就立即弹出alert()。...其实通过focus()函数只是简单用来初始化文本框焦点输入而已,如下: ? 当刚进入页面,文本框就自动获取焦点,这基本上就是这个方法大部分用法了。...blur() 元素失去焦点 使用blur()失去焦点这个方法一般会结合获取文本框内容函数一起使用,如下: ? 当获取到文本框内值之后,就可以对其进行正则验证或者其他方式校验。

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

获得焦点失去焦点事件

大家好,又见面了,我是你们朋友全栈君。 一 介绍 获得焦点事件(onfocus)是当某个元素获得焦点时触发事件处理程序。...失去焦点事件(onblur)是当前元素失去焦点时触发事件处理程序。 一般情况下,这两个事件是同时使用。...二 应用 文本框获得焦点时改变背景颜色 本示例是在用户选择页面中文本框时,改变文本框背景颜色,当选择其他文本框时,将失去焦点文本框背景颜色恢复原始状态。...-- function txtfocus(event){ //当前元素获得焦点 var e=window.event; var obj=e.srcElement; //用于获取当前对象名称 obj.style.background...="#FFFF66"; } function txtblur(event){ //当前元素失去焦点 var e=window.event; var obj=e.srcElement; obj.style.background

5.8K30

java文本框获得输入焦点_文本框获得焦点失去焦点判断代码

文本框失去焦点事件、获得焦点事件 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后,产生该文件 Onchange:当文字值改变时,产生该事件 Onselect:当文字加亮后,产生该文件...onpropertychange 当属性改变发生该事件 无论粘贴 keyup onchange等,最为敏感 先来看javascript直接写在了input上 jquery实现方法 对于元素焦点事件...,我们可以使用jQuery焦点函数focus(),blur()。...其中placeholder就是其中一个,它可以同时完成文本框获得焦点失去焦点。必须保证inputvalue值为空, placeholder内容就是我们在页面上看到内容。...代码如下: 第二种: jQuery 原理:让表单val值等于其title值。

4K40

elementUi中input输入字符光标在输入一个字符后,光标失去焦点

首先,用elementUi正常用v-model绑定输入值是不会造成光标退出,原因是用了局部作用域插槽并且table外层包了一层表单,导致光标输入,table下数据刷新,导致table重绘,光标失去焦点...,首先声明不建议大家这样写代码,如果要要增加一个table中表单校验功能,建议大家把el-form表单放入table内作用域插槽中,这样更加容易理解,好了,先说下如图这种代码解决方案,我最后也是用这种方案解决...解决办法是table绑定一个初始化模拟数据,,插槽内绑定页面渲染数据,当输入框数据变化时,table绑定数据并没有发生变化,不会导致table重绘,页面也可正常校验

3.6K30
领券