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

获得焦点失去焦点事件

一 介绍 获得焦点事件(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..."; } //--> 四 运行结果 大小: 2.1 KB 查看图片附件 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/148387.html

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

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

事件函数列表 blur() 元素失去焦点 focus() 元素获得焦点 click() 鼠标单击 mouseover() 鼠标进入(进入子元素也触发) mouseout() 鼠标离开(离开子元素也触发)...编写一个form表单,用来演示输入框获取焦点失去焦点的示例 ?...好了,有了基本的HTML架构之后,就可以来演示了。 focus() 元素获得焦点 首先先来这个focus()函数。 ? 可以看到当获取焦点的时候,就立即弹出alert()。...blur() 元素失去焦点 使用blur()失去焦点这个方法一般会结合获取文本框内容的函数一起使用,如下: ? 当获取到文本框内的值之后,就可以对其进行正则验证或者其他方式的校验。...DOCTYPE html> <script type="text/javascript

11.9K30

HTML表单

目录 HTML表单 form表单 input标签 select标签 进度条标签 textarea标签 案例:前后端交互 注意事项: 案例2:简易表单 HTML表单 HTML表单是用户和web站点或应用程序之间交互的主要内容之一...大多数情况下,数据被发送到web服务器,但是web页面也可以自己拦截它并使用它; HTML表单是由一个或多个小部件组成的。...这些小部件可以是文本字段(单行或多行)、选择框、按钮、复选框或单选按钮; HTML表单和常规HTML文档的主要区别在于,大多数情况下,表单收集的数据被发送到web服务器; form表单 所有的...HTML表单都是以一个标签开始的; form表单:获取用户的数据并发送给后端(服务端) 标签 <form action="/my-handling-form-page...<em>表单</em>写提交数据 <!

4K10

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

文本框失去焦点事件、获得焦点事件 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后,产生该文件 Onchange:当文字值改变时,产生该事件 Onselect:当文字加亮后,产生该文件...如: $(“p”).focus(); 或$(“p”).focus(fn) blur():失去焦点时使用,和onblur一样。...html5给表单文本框新增加了几个属性,比如:email,tel,number,time,required,autofocus,placeholder等等,这些属性给表单效果带来了极大的效果变化。...其中placeholder就是其中一个,它可以同时完成文本框获得焦点失去焦点。必须保证input的value值为空, placeholder的内容就是我们在页面上看到的内容。...代码如下: 第二种: jQuery 原理:让表单的val值等于其title值。

4K40

html表单提交_html表单标签有哪些

表单属性设置 标签 表示表单标签,定义整体的表单区域 action属性 设置表单数据提交地址 method属性 设置表单提交的方式,一般有“GET”方式和“POST”方式, 不区分大小写...表单元素属性设置 name属性 设置表单元素的名称,该名称是提交数据时的参数名 value属性 设置表单元素的值,该值是提交数据时参数名所对应的值 3....="submit" name="" value="提交"> 4、小结 表单标签的作用就是可以把用户输入数据一起提交到...表单属性设置 action: 是设置表单数据提交地址 method: 是表单提交方式,提交方式有GET和POST 表单元素属性设置 name: 表单元素的名称,用于作为提交表单数据时的参数名...value: 表单元素的值,用于作为提交表单数据时参数名所对应的值 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。

2.8K10
领券