jQuery 事件 - blur() 方法
当元素失去焦点时发生 blur 事件。
blur() 函数触发 blur 事件,或者如果设置了 function 参数,该函数也可规定当发生 blur 事件时执行的代码。
提示:早前,blur 事件仅发生于表单元素上。在新浏览器中,该事件可用于任何元素。
以下代码是'供应商入金'中'供应商'文本框自动显示和自动清空的操作:
以下代码是'合同'中'供应商'文本框的自动显示和自动清空操作,具体操作见下图:
<script type="text/javascript">
$(function(){
var width = 167;
//模糊查询并显示在文本框中
$("#client_name").AutoComplete({
'data': '/admin/js/autocomplete/getCorpInfo1.jsp',
'ajaxDataType': 'json',
'ajaxParams': {},
'itemHeight': 20,
'width': width,
'maxHeight': 300,
'beforeLoadDataHandler': function(keyword){ //选中之前进行的操作
//$("#client_code").val(); 取值
$("#client_code").val(''); //赋空值
$("#linkman").val(''); //赋空值
$("#linkman_mobile").val(''); //赋空值
return true;
},
'afterSelectedHandler': function(data) { //选中之后进行的操作:把查出来的数据存放到文本框中然后显示出来
if($("#client_code"))$("#client_code").val(data.cd);
if($("#linkman"))$("#linkman").val(data.man);
if($("#linkman_mobile"))$("#linkman_mobile").val(data.tel);
}
});
//失去焦点事件(‘供应商’失去焦点之后把后面的‘联系人’和‘联系电话’也清空)
$("#client_name").blur(function(){
if($("#client_code").length>0){ //判断client_code文本框是否存在
if($("#client_code").val() == ''){
$("#client_name").val('');
}else{
if($("#client_name").val() == ''){
$("#client_code").val('');
}
}
}
});
});
</script>
jQuery 事件 - blur() 方法相关推荐
- ajax的blur调用,jQuery事件blur()方法的使用实例讲解
实例 当输入域失去焦点 (blur) 时改变其颜色: $("input").blur(function(){ $("input").css("back ...
- jQuery使用blur()方法触发两次的解决方法
jQuery使用blur()方法触发两次的解决方法 参考文章: (1)jQuery使用blur()方法触发两次的解决方法 (2)https://www.cnblogs.com/wgl1995/p/92 ...
- jQuery 事件 - ready() 方法
jQuery 事件 - ready() 方法 当 DOM(文档对象模型) 已经加载,并且页面(包括图像)已经完全呈现时,会发生 ready 事件. 1.语法1 $(document).ready(fu ...
- jQuery 事件绑定方法(bind hover toggle live.... )、删除事件方法(unbind, die)及 事件对象
事件绑定方法: 1.<type>(function) $("button").click(function(){... }); 2.bind(map) $(" ...
- HTML语言中 blur()方法,jQuery的blur()方法怎么用?
blur()是jquery中的一个内置方法,用于从所选元素中移除焦点.此方法启动blur事件,或者可以附加一个函数,以便在发生blur事件时运行. blur()方法触发 blur 事件,或者如果设置了 ...
- jquery事件使用方法总结
jquery提供了许多的事件处理函数,下面对其总结一下,梳理一下知识点,便于记忆和使用. 一.鼠标事件 1. click():鼠标单击事件 $div = $("div") $div ...
- miniui mysql_MiniUi系列 jQuery 事件 - delegate() 方法
当点击鼠标时,隐藏或显示 p 元素: $("div").delegate("button","click",function(){ $(&q ...
- jQuery 事件 - bind() 方法
定义和用法 bind() 方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数. 实例1(一个事件) 记得把js引用地址换掉 当点击鼠标时,隐藏或显示 p 元素: <html&g ...
- jQuery 事件 scroll() 方法的使用教程
当用户滚动指定的元素时,会发生 scroll 事件.scroll 事件适用于所有可滚动的元素和 window 对象(浏览器窗口).scroll() 函数触发 scroll 事件.或者如果设置了 fun ...
最新文章
- OpenMP知识点汇总
- codeforces396A
- 也许MVC不该重写Url格式?
- 若依前后端分离版源码分析-前端头像上传后传递到后台以及在服务器上存储和数据库存储设计
- 全网最细笔记java与kotlin的一些异同
- 安装elasticsearch5.4.1集群和head插件
- discuz问题综合
- 谷歌浏览器开发调试工具中Sources面板 js调试等 完全介绍
- 关于X-UA-Compatible
- substr判断最后一个是不是逗号_考研最后一个月是不是很累?
- Django入门-helloworld
- centos7 yum安装mysql后启动不起来问题
- ppt修复无法读取_CVE20201938 Tomcat 文件读取/包含漏洞复现
- 以代码为实例讲解sizeof函数易混淆的用法
- biosrecovery什么意思_BIOS Recovery 简介
- 2023最新SSM计算机毕业设计选题大全(附源码+LW)之java基于框架的动漫网站设计与实现q6dcx
- Python--正则表达式处理文本
- ps图片拖不进去_win10中ps图片不能拖进去怎么办-修复ps无法直接拖入的教程 - 河东软件园...
- 手眼标定_全面细致的推导过程
- 查询oracle版本