jquery输入框失去焦点

2024-08-22

jQuery之文本框得失焦点

版本一 css代码部分: .focus { border: 1px solid #f00; background: #fcc; } 当焦点获得时,添加focus样式,添加边框,并改背景色为#fcc html代码部分: <body> <form action="" method="post" id="regForm"> <fieldset> <legend>个人基本信息</legend>

对于用户的输入框input,我们常常会用ajax来实现与后台的交互.输入框的内容我们可以用.val()方法获取,对于输入框内的事件,我们常用到焦点,如:input.blur.focus.... input:表示当前用户正在输入的事件 focus: 表示输入框获得焦点的事件 blur:表示输入框失去焦点的事件鼠标事件汇总 click:鼠标左键点击事件 $('p').click(function(){ alert('click function is running !'); }); dbclic

jquery输入框按下回车提交表单

jQuery on()方法是官方推荐的绑定事件的一个方法 $('#password').on('keydown', function(e) { // 短路语法,当e.keyCode == 13成立的时候就执行后面的submit,否则就啥都不执行. e.keyCode == 13 && $('#myForm').submit(); }); <script type="text/javascript"> $(function () {

php实现input输入框失去焦点自动保存输入框的数据

最近做一个输入框失去焦点时自动保存数据的功能,当然就是jQuery选择器选择input,blur时,ajax提交数据给php文件,php文件保存一下数据咯.主要是要注意一下中文的问题,所以中间需要转一下编码. 下面的实例是一个列表页,有一点类似excel了. html代码: 代码如下复制代码 <table width=”100%” align=”left” border=”0″ cellspacing=”0″ bgcolor=”#CCCCCC”><tr onmouseover=”th

通过自定义属性存储数据实现输入框获得焦点与失去焦点改变value值

http://gopro.ee.cagoe.com/index.html html: <div class="name"><input value="在此输入您的姓名" data-value="在此输入您的姓名" /></div> <div class="webId"><input value="在此输入您的微博ID" data-value=&q

input输入框失去焦点，软键盘关闭后，滚动的页面无法恢复到原来位置

H5微信页面开发,软键盘弹起后,若原输入框被遮挡,页面整体将会上移,然而当输入框失焦,软键盘收起后,页面未恢复,导致弹框里的按钮响应区域错位. 解决方案:给输入框(或select选择框)添加失去焦点的事件,当输入框失去焦点,页面自动滚动到顶部,并且需要加定时器,否则偶尔会失效, $("input,select").blur(function(){ setTimeout(function() { var scrollHeight = document.doc

jQuery输入框回车添加标签特效

效果如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Co

H5微信页面开发 IOS系统 input输入框失去焦点，软键盘关闭后，被撑起的页面无法回退到原来正常的位置，导致弹框里的按钮响应区域错位

H5微信页面开发,软键盘弹起后,若原输入框被遮挡,页面整体将会上移,然而当输入框失焦,软键盘收起后,页面未恢复,导致弹框里的按钮响应区域错位. 解决方案:给输入框(或select选择框)添加失去焦点的事件,当输入框失去焦点,页面自动滚动到顶部,并且需要加定时器,否则偶尔会失效, //blur失去焦点事件$("input,select,textarea").blur(function(){ setTimeout(function() { ;

IOS微信6.7.4输入框失去焦点，软键盘关闭后，被撑起的页面无法回退到原来正常的位置

近期在开发微信H5页面时碰到这个问题,如图,软键盘弹起后,若原输入框被遮挡,页面整体将会上移,然而当输入框失焦,软键盘收起后,页面未恢复,这也是ios的微信版本更新6.7.4之后才遇到的bug. 目前的解决办法是给输入框(或select选择框)添加失去焦点的事件,当输入框失去焦点,页面自动滚动到顶部,并且需要加定时器,否则偶尔会失效,具体代码如下: $("input,select").blur(function(){ setTimeout(() => { const scroll

JavaWeb网上图书商城完整项目--day02-3.regist页面输入框失去焦点进行校验

当输入框输入数据之后,当输入框失去焦点的时候,我们需要对输入的数据进行校验 l 用户名校验: 用户名不能为空: 用户名长度必须在3 ~ 20之间: 用户名已被注册(需要异步访问服务器). l 登录密码校验: 密码不能为空: 密码长度必须在3 ~ 10之间: l 确认密码校验: 确认密码不能为空: 两次输入不一致: l Email校验: Email不能为空: Email格式错误(/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3

JavaWeb网上图书商城完整项目--day02-2.regist页面输入框得到焦点隐藏label

实现当光标输入在输入输入框的时候,将后面的内容隐藏,例如在用户名称输入信息的时候,后面的用户名不能为空隐藏我们来看看regist.js的代码: //该函数在html文档加载完成之后会调用 $(function() { /* * 变量所有的错误信息,调用一个方法来决定是否显示错误信息 * */ $(".errorClass").each(function() { showError($(this));//$(this)表示当前遍历的对象 }); //切换注册按钮的图片 $("

JQuery输入框获取/失去焦点行为

//搜索框获取焦点清除内容 $(function() { $("input").focus(function() { //获取焦点,清空默认内容 $(this).css('color', 'black').addClass('focus'); if ($(this).val() == this.defaultValue) { $(this).val(''); } }).blur(function() { //失去焦点,若没有内容,则恢复默认内容:有内容则不变 $(this).remov

input输入框不能获得焦点

今天在ipad上遇到一个问题:jquery 调用 $(id).focus() 方法,失效,不能弹出键盘获得输入的焦点. 开始以为是 $(id).focus() 方法的问题,然后就试着用原声的document.getElementById('id').focus() 方法,结果还是不行想啊想,最后叫ios的同事帮忙看看,结果是ios外壳要给输入框某个权限,修改了外壳,就可以了当一个问题想很久都没有结果,要换换思路

jquery 触发/失去焦点事件例子详解

触发焦点: $("Element").focus() 触发每一个匹配元素获得焦点事件. $("Element").focus(function) 事件会在获得焦点的时候触发,既可以是鼠标行为,也可以是按tab键导航触发的行为,并且绑定一个处理方法. 失去焦点: $("Element").blur() 触发每一个匹配元素失去焦点事件. $("Element").blur(function) 事件会在元素失去焦点的时候触发,既可以

jquery实现鼠标焦点十字效果

系统开发时很多地方需要有焦点效果,例如:鼠标点击聚焦,地图定位,在图片上突出显示,焦点定位页面元素. 本小功能通过jquery和graphics二次开发,实现通过鼠标点击页面任何区域,聚焦当前点击位置.适用于页面任何元素的位置效果. 首先引入jquery引擎包:jquery-1.4.2.min.js和graphics.js http://download.csdn.net/detail/u010769276/5622689 源码下载地址编写实现效果js文件,qfocus.js,源码如下: va

基于jQuery游戏网站焦点图轮播特效

基于jQuery的一款游戏网站焦点图轮播特效.这是一款带进度条定时切换,带缩略图切换的jQuery网站焦点图代码.效果图如下: 在线预览源码下载实现的代码. html代码: <center> <br> <div id="chinaz"> <div class="banner-btn"> <a href="javascript:;" class="prevBtn" r

jQuery之绑定焦点事件（焦点事件失效）

在使用jQuery绑定事件时,若某个事件不存在,则该事件后绑定的事件均失效: 如图所示,若失去焦点事件checkEmail不存在, 会导致后面的事件checkMobile,和事件checkBirth均失效完整代码如下: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>使用正则表达式验证注册页面</title

jquery手写焦点轮播图-------解决最后一张无缝跳转第一张的问题

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>轮播图</title> <style> *{padding: 0;margin: 0;list-style-type: none;} .wrap{width: 520px;height: 280px;margin: 50px auto;} .ba

Jquery回车键切换焦点方法（兼容各大浏览器）

做项目时,客户要求能够用enter回车直接切换输入(焦点),当最后一个时候,直接提交信息. 第一想法就是,网上去copy一段代码直接用.但了百度.谷歌找了个遍,找到的代码80%以上都是一样的.有的代码太老,都不能用.有的只有部分浏览器能用.折腾了半小时也没个合适的办法.最后一想,干脆自己动手. 一.思路每次点击回车的时候,获取当前的焦点位置,然后设置它的下一个元素获取焦点; 二.代码 <script type="text/javascript"> $('input:tex

jQuery输入框提示自动完成插件 autocomplete

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>练习</title> <script src="js.js"></script> <script src="jquery-1.9.1.min.js"></script>

JQuery autocomplete获得焦点触发弹出下拉框

需求:autocomplete控件,当点击获得焦点的时候也要弹出下拉列表(autocomplete默认是输入之后才会跟随出下拉列表),下面直接贴代码. js代码: $("#customerName").autocomplete({ minLength: 0, source: function (request, response) { var customerName = $("#customerName").val(); $.ajax({ url: "/