jquery事件

jquery中的焦点事件

大城市里の小女人 提交于 2019-12-06 17:35:29
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script src="./jquery-1.12.4.min.js"></script> <script> $(function(){ //获取焦点 focus $('.one').focus(); $('.one').focus(function(){ console.log('监听 失去焦点事件'); }) //失去焦点 blur $('.one').blur(function(){ console.log('失去 焦点事件'); }); }) </script> </head> <body> <input type="text" name="" id="" class="one" placeholder="1111"> <input type="text" name="" id="" class="two" placeholder="2222"> <

jQuery 事件 - blur() 方法

天涯浪子 提交于 2019-12-06 17:35:06
当元素失去焦点时发生 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('')

jquery获取焦点事件

隐身守侯 提交于 2019-12-06 17:34:48
<input type="text" value="请输入用户名"> <input type="button" value="提交" > $(function() { //focus():获取文本框的焦点 $("input:text").focus(function() { if ($(this).val() == "请输入用户名"){ $(this).val(""); } }); //设置按钮只能点击一次 $("input:button").click(function() { $(this).attr("disabled","true"); }); }) 来源: CSDN 作者: qq_40075229 链接: https://blog.csdn.net/qq_40075229/article/details/78737596

jQuery中给文本框获得焦点和失去焦点的方法

≡放荡痞女 提交于 2019-12-06 17:31:42
文章介绍两个方法和种是利用javascript onFocus onBlur来判断焦点和失去焦点,加一种是利用jquery $("p").blur(); 或$("p").blur(fn)来实现,有需要的朋友可以参考一下 先来看javascript的直接写在了input上 复制代码 代码如下: <input name="pwuser" type="text" id="pwuser" class="input" value="楼盘账号" onBlur="if(this.value=='') this.value='楼盘账号';" onFocus="if(this.value=='楼盘账号') this.value='';" /> <input name="pwpwd" type="password" class="input1" value="******" onBlur="if(this.value=='') this.value='******';" onFocus="if(this.value=='******') this.value='';"> jquery实现方法 对于元素的焦点事件,我们可以使用jQuery的焦点函数focus(),blur()。 focus():得到焦点时使用,和javascript中的onfocus使用方法相同。 如: 复制代码 代码如下: $("p"

Jquery input 触发失去焦点事件

老子叫甜甜 提交于 2019-12-06 17:29:13
有些场合下.我们需要触发失去焦点事件. 直接调用input.blur() 有的时候不起作用. 可以灵活运用下延时. 说不定就解决了. var input = jQuery( "#wefwe" ); input.focus(); setTimeout( function () { input.trigger( "blur" ); }, 100 ); //延时 触发失去焦点事件. 来源: CSDN 作者: 走错路的程序员 链接: https://blog.csdn.net/phker/article/details/52105904

jquery获取和失去焦点事件

喜你入骨 提交于 2019-12-06 17:23:43
<script src="jquery-1.9.1.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $('#username').focus(function ()//得到教室时触发的时间 { $('#username').val(''); }) $('#username').blur(function () 失去焦点时触发的时间 { if ($('#username').val() == 'marry') { $('#q').text('用户名已存在!') } else { $('#q').text('ok!') } }) 来源: CSDN 作者: niuguangyuan 链接: https://blog.csdn.net/niuguangyuan/article/details/8826127

泛微OA常用js代码块

风流意气都作罢 提交于 2019-12-06 14:16:50
01.泛微系统alert提示框 Dialog.alert("警告框"); 02.checkbox被选中监听事件,监听checkbox复选框 打开表单首先隐藏行 如果checkbox被选中 显示行 <!-- script代码,如果需要引用js文件,请使用与HTML中相同的方式。 --> <script type="text/javascript"> jQuery(document).ready(function() { jQuery(".mainTd_6_0").parent().hide(); jQuery("#field6421").click(function() { if(jQuery("#field6421").attr("checked") == true) { jQuery(".mainTd_6_0").parent().show(); } else { jQuery(".mainTd_6_0").parent().hide(); } }); }); </script> 03.提交验证表单结束日期不能少于开始日期 <!-- script代码,如果需要引用js文件,请使用与HTML中相同的方式。 --> <script type="text/javascript"> jQuery(document).ready(function() { checkCustomize =

jQuery从零开始

旧时模样 提交于 2019-12-06 13:58:45
1.jQuery是什么? 轻量级的工具库,类库。 Jquery可以写的很少的代码,干的很多的事情。 2.学习心态 jQuery只是一个工具,它的实现原理还是js。以练习为主,多看多练。 3.版本 1版本:兼容性好,但是效率低 2版本:最高兼容到ie9 3版本执行效率高,但是彻底放弃了ie,ie9以下的浏览器不兼容,并且添加了很多新的方法 要根据实际情况选择合适的版本 (公司的要求) 4.安装 官网下载的jQuery文件中带有 min 的是经过压缩的,压缩版,项目上线的时候会使用。 也可以使用 CDN静态库 就不用下载jQuery文件 5.核心语法 jQuery(selector).action() 简化写法 $(selector).action() 6.文档就绪函数 js的文档就绪函数 : window.onload=function(){} 所有的文件加载完成才会执行文档就绪函数里面的代码,会因为别的代码出现错误,从而影响到,影响用户的使用 。一个网页里面出现多个文档就绪函数的时候,会出现覆盖的问题。后面的文档就绪函数会覆盖前面的文档就绪函数。 jQuery的文档就绪函数: $(document).ready(function(){//代码}) 简化写法 $(function(){ //代码部分}) 只需要等到dom结构加载完毕即可。jQuery中可以出现多个文档就绪函数

jquery unbind()方法 语法

两盒软妹~` 提交于 2019-12-06 11:56:25
jquery unbind()方法 语法 作用: unbind() 方法移除被选元素的事件处理程序。该方法能够移除所有的或被选的事件处理程序,或者当事件发生时终止指定函数的运行。ubind() 适用于任何通过 jQuery 附加的事件处理程序。 取消绑定元素的事件处理程序和函数: 规定从指定元素上删除的一个或多个事件处理程序。如果没有规定参数,unbind() 方法会删除指定元素的所有事件处理程序。 大理石平台等级 语法: $(selector).unbind(event,function 参数: 参数 描述 event 可选。规定删除元素的一个或多个事件由空格分隔多个事件值。如果只规定了该参数,则会删除绑定到指定事件的所有函数。 function 可选。规定从元素的指定事件取消绑定的函数名。 使用Event对象来取消绑定事件处理程序: 规定要删除的事件对象。用于对自身内部的事件取消绑定(比如当事件已被触发一定次数之后,删除事件处理程序)。如果未规定参数,则 unbind() 方法会删除指定元素的所有事件处理程序。 语法: $(selector).unbind(eventObj) 参数: 参数 描述 eventObj 可选。规定要使用的事件对象。这个 eventObj 参数来自事件绑定函数。 jquery unbind()方法 示例 <html> <head> <script

前端之路——jQuery第三课(利用已学的jq,制作一个失去焦点时,为空报错的表单验证)

感情迁移 提交于 2019-12-06 11:48:03
又来了,稳稳的来到了jQuery的第三课。。。今天任务比较难啊,自己需要写个失去焦点时,为空报错的表单验证。 其实简单想想,很好做 我们经常在那些输入账号密码的界面就有这判断验证,好的,收拾心情,开始学习!!! 今天复习的内容: 1:函数写法 2:显示与隐藏 3:焦点事件 4:if判断 复习完上节课,继续学习新知识: 1.布尔值(Booleans:是“真”True 或“假”False中的一个。动作脚本也会在适当时将值True和False转换为1和0。特性:只具备真假值:true和false真值为1;假值为0;) 还没实践过使用布尔值啊。。。。。。。 有点陌生 2.多级if语句(很好理解,多层if判断) if(){} if(){} else{} 3.if函数的嵌套 if(){ if(){ } } 4.如何取到input里的value值 name是后台工作人员用来识别input或者select、textarea的标志。 value是前台工作人员收集到用户的填写,发送给后台数据库 先分享这么多,下面的重要部分,那就不share了 5.html/text/val的作用及区别 7.遍历 通过 jQuery 遍历,您能够从被选(当前的)元素开始,轻松地在家族树中向上移动(祖先),向下移动(子孙),水平移动(同胞)。这种移动被称为对 DOM 进行遍历。 8.如何使用jq,选择不同层级的dom 9