JavaScript中input常用方法

朴灿烈づ我的快乐病毒、 2023-07-13 10:37 11阅读 0赞

**表单对象常用事件：**  
onfocus：在表单元素收到输入焦点时触发；  
onblur：在表单元素失去输入焦点时触发。  
如：文本框失去焦点时，以下代码将调用myfun()函数。

**表单控件元素对象常用方法**  
blur()  
让光标离开当前元素

focus()  
让光标落到当前元素上

select()  
用于种类为text，textarea，password的元素，选择用户输入的内容

click()  
模仿鼠标单击当前元素

**效果展示**  
![在这里插入图片描述][20200311144312445.png]  
**代码实现**

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    	</head>
    	<body>
    		<div id="info">
    			<h2>填写相关信息</h2>
    			<form action="" method="post">
    				<input type="text" name="name" id="name" value="姓名" />
    				<br />
    				<input type="text" name="contact" id="contact" value="QQ或者电话" />
    			</form>
    		</div>
    		<script type="text/javascript">
    			window.onload = function() { 
    				var inname = document.getElementsByTagName("input");
    				for (i = 0; i < inname.length; i++) { 
    					//使用匿名函数
    					inname[i].onmouseover = function() { 
    						this.focus();
    					}
    					inname[i].onfocus = function() { 
    						this.select();
    					}
    				}
    			}
    		</script>
    	</body>
    </html>

[20200311144312445.png]: /images/20230529/36beec72bde549898b1f228000909819.png

发表评论取消回复

表情：

评论列表（有 0 条评论，11人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript中数组常用方法汇总！

数组是一个复杂数据类型，我们在操作它的时候就不能再想基本数据类型一样操作了。比如我们想改变一个数组 // 创建一个数组 var arr = [1, 2,

超、凢脫俗/ 2024年03月17日 13:04/ 0 赞/ 56 阅读

相关 JavaScript中input常用方法

表单对象常用事件： onfocus：在表单元素收到输入焦点时触发； onblur：在表单元素失去输入焦点时触发。如：文本框失去焦点时，以下代码将调用myfun()

朴灿烈づ我的快乐病毒、/ 2023年07月13日 10:37/ 0 赞/ 12 阅读

相关 JavaScript字符串中常用方法

之前练习算法的时候，算法题都是用Java写的，但是我是一位前端人，应该用JS来写算法，但是对于JS的一些库和常用方法我好像都是在云里雾里，所以今天特意将JS字符串常用的方法总结

谁践踏了优雅/ 2022年10月30日 05:22/ 0 赞/ 260 阅读

相关 javascript 常用方法

1.常用的HTML DOM\\属性\\ innerHTML:节点（元素）的文本值 parentNode：节点元素的父节点 childNodes:元素的子节点 a

爱被打了一巴掌/ 2022年09月21日 11:43/ 0 赞/ 283 阅读

相关 JavaScript常用方法总结

在web开发中，由于需要会涉及到一些js，自己记性不是很好，将自己在开发中用到的一些JS或是轮子总结一下。 JS获取项目路径 1.获取项目的绝对路径 var

短命女/ 2022年05月19日 12:51/ 0 赞/ 281 阅读

相关 JavaScript字符串常用方法

JavaScript字符串常用方法字符串字符串就是一个或多个排列在一起的字符，放在单引号或双引号之中。 'abc'

妖狐艹你老母/ 2022年03月17日 01:22/ 0 赞/ 582 阅读

相关 JavaScript数组常用方法

JavaScript数组常用方法数组所谓数组，就是一堆数据的集合（容器），里面存放各种各样的数据。 var arr = ['a'

痛定思痛。/ 2022年03月17日 01:22/ 0 赞/ 434 阅读

相关 javascript中的常用方法总结

关于js的onchange方法。 1. onchange(): javascript onchange()事件一般用于用户表单中，例如：当文本框内容发生改变时触发的事件

小鱼儿/ 2021年11月23日 15:24/ 0 赞/ 401 阅读

相关 JavaScript数组常用方法

文章目录 0. 数据：取用与插入 1.“瑞士军刀”：splice 2.亦可用于字符串：slice 3.连接：concat 4.查找索引：in

小鱼儿/ 2021年11月17日 12:48/ 0 赞/ 472 阅读

相关 javascript常用方法

/\\ \ 邮箱验证 \ @param \{Object\} email \ @return \{TypeName\} \/ isEmail:functio

蔚落/ 2021年11月11日 13:32/ 0 赞/ 468 阅读