第26天:js-$id函数焦点事件

半指温柔乐      2022-02-13     133

关键词:

一、函数return语句
定义函数的返回值,在函数内部用return来设置返回值,一个函数只能有一个返回值。同时,终止代码的执行。
所有自定义函数默认没有返回值
return后面不要换行

var a=10,b=20,c=30;
++a;
a++;
e=++a+(++b)+(c++)+a++;
alert(e);//77

二、获得焦点、失去焦点事件
获得焦点:onfocus
失去焦点:onblur

案例:

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>$id函数</title>
 6     <style>
 7         div{
 8             height: 100px;
 9             width: 100px;
10             background-color: pink;
11         }
12     </style>
13     <script>
14         window.onload=function(){
15             function $id(id){
16             return document.getElementById(id);
17         }
18         $id("demo1").style.backgroundColor="red";
19         $id("demo2").style.backgroundColor="yellow";
20         $id("demo3").style.backgroundColor="blue";
21 
22             $id("btn").onclick=function(){
23                 if($id("txt").value=="邓乐乐"){
24                     alert("恭喜,中奖了");
25                 }else{
26                     alert("查无此人");
27                 }
28             }
29         }
30 
31     </script>
32 </head>
33 <body>
34 <div id="demo1"></div>
35 <div id="demo2"></div>
36 <div id="demo3"></div>
37 <input type="text" id="txt" value="请输入...">
38 <button id="btn">查询</button>
39 </body>
40 </html>

运行效果:

 

js基本知识3

1.函数function函数的声明函数的调用函数的传参2.函数返回值Return返回结果返回给函数Id函数function$id(id){returndocument.getElementById(id);}3.获得焦点onfocusonblur失去焦点4.this这个自己的指向的是事件调用者5.InnerHTML属于盒子的内容表单的... 查看详情

第28天:js-tab栏切换封装函数

一、input.value所有值都是string二、变量和属性varindex=10;//变量vararr=[];//数组arr.index=20;//index为自定义属性,只能在arr下使用alert(arr.index);三、判断用户输入事件:oninput四、多分支语句switch语法格式switch(参数){case:参数1:语句;break... 查看详情

第26月第20天springboot

1.1、pom.xml中添加支持web的模块:<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId></dependency>pom.xml文件中默认有两个模块:spring- 查看详情

第24天:js-函数变量声明提升

一、函数声明1、自定义函数functionfun1(){ alert("我是自定义函数");}fun2();//函数不调用,自己不执行2、直接量声明varfun2=function(){ alert("直接量声明");}fun2();3、利用Function关键字声明varfun3=newFunction("vara=10;b=20;alert(a+b)");fun3();二、变量... 查看详情

js为啥我的focus获得焦点无效

...新建一个html文件,创建a标签和两个按钮。2、然后创建js函数getfocus()。3、函数获取a标签的焦点。4、创建js函数losefocus()。5、函数内容为失去焦点,为按钮添加点击事件触发函数。6、最后预览效果如图,当点击获取焦点按钮a标... 查看详情

第110天:ajax原生js封装函数

一、Ajax的实现主要分为四部分:1、创建Ajax对象1//创建ajax对象2varxhr=null;3if(window.XMLHttpRequest){4xhr=newXMLHttpRequest();5}else{6//为了兼容IE67xhr=newActiveXObject(‘Microsoft.XMLHTTP‘);8}2、连接服务器//连接服务器open(方法GET/POST,请求地址, 查看详情

第25天:js-封装函数-淘宝鼠标展示

封装函数:1、函数形参相当于变量,不能加引号。2、实参要和形参一一对应。案例:鼠标移到小图上,背景展示相应放大的图片。代码如下:1<!DOCTYPEhtml>2<htmllang="en">3<head>4<metacharset="UTF-8">5<title>淘宝鼠标... 查看详情

js学习笔记26----事件冒泡,事件捕获

...出去的事件触发。 阻止冒泡:当前要阻止冒泡的事件函数中,调用event.cancelBubble=true; 事件捕获:ie下是没有的,在绑定事件中,标准下是有的。进来的事件触发。 给对象绑定函数的形式:1.给一个对象绑定一个事件... 查看详情

alert事件点击确认后指定input恢复焦点

 在需要生效的页面的js中创建一个js对象:1varrefocus=newObject();2refocus.status=0;//初始化为0,表示不生效3refocus.id=‘‘;//需要恢复焦点的元素id然后新建一个方法:1functionsetFocus(){2$(window).on(‘click‘,function(){3varalertExist=$(‘#can‘).chi 查看详情

焦点事件

焦点:使浏览器能够区分用户输入的对象,当一个元素有焦点的时候,那么他就可以接收用户的输入。我们可以通过一些方式给元素设置焦点: 1.点击 2.tab 3.js 注释:  不是所有元素都能够接收焦点的.能够响应用户操作的元素... 查看详情

关于js中事件监听的问题(文本框回车键失去焦点)

...框加上事件onkeyup="javascript:if(event.keyCode==13)你处理的函数;"如果不行,请贴出你的处理代码 参考技术B那也就是说回车并没有触发文本框的onblur事件,那么,你可以在表单的onsubmit事件的第一行调用onblur的关联函数,确保重新生... 查看详情

js怎样判断ipunt失去焦点

...r)中,我们可以通过this传入的方式,将本元素传入到处理函数中。下面我给你介绍下实现方式,具体的实现结构请调整为最合适自己项目的形式<input id="input1" type="text" onblur="inputOnblur(this)">&l... 查看详情

第112天:javascript中函数预解析和执行阶段

关于javascript中的函数:   1、预解析:把所有的函数定义提前,所有的变量声明提前,变量的赋值不提前   2、执行:从上到下执行,但有例外(setTimeout,setInterval,ajax中的回调函数,事件中的函数需要触发执行)函数的... 查看详情

js学习笔记24----焦点事件

事件:onfous:元素获取焦点时触发事件onblur:元素失去焦点时触发事件方法:obj.focus();可指定元素设置焦点obj.blur();取消指定元素的焦点obj.select();选中指定元素里面的文本内容 示例代码:1<!DOCTYPEhtml>2<htmllang="en">3<head... 查看详情

js键盘事件和焦点事件

...都能接收键盘事件,能够响应用户输入的元素,能够坚守焦点的元素就能接收键盘事件document是可以接收键盘事件的 焦点:使浏览器能够区分用户输入的对象;当一个元素有焦点的时 查看详情

js中表单的聚焦失焦事件

焦点事件:   不是所有元素都有焦点事件,只有可交互性的元素才有,比如表单元素,a标签。页面中只能有一个元素有焦点,一个聚焦,另一个就失焦,默认在document。例子结构如下:    <form>     <inputt... 查看详情

物联网服务nodejs-5天学习第一天篇④——了解nodejs回调函数和事件驱动机制(代码片段)

【NodeJs-5天学习】第一天篇④——NodeJs回调函数和事件处理机制1、Node.js中的回调(Callback)函数2、Nodejs事件循环模型2.1浅析事件驱动2.2深入NodeJs事件驱动3、总结面向读者群体❤️电子物联网专业同学,想针对硬件功能构造简单... 查看详情

jquery失去焦点与获取焦点事件blur()focus()

...习笔记。对于元素的焦点事件,我们可以使用jQuery的焦点函数focus(),blur()。focus():得到焦点时使用,和javascript中的onfocus使用方法相同。如: 代码如下复制代码 $("p"). 查看详情