200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > 表单的焦点事件如何处理

表单的焦点事件如何处理

时间:2022-04-03 22:44:24

相关推荐

表单的焦点事件如何处理

web前端|js教程

处理,如何,事件

web前端-js教程

今天以文本宽为例来说说表单的焦点事件,其他表单类型类似

gg即时通讯 源码,vscode跳转到相同,ubuntu 分区作用,tomcat怎么配置默认,sqlite+可视化工具,分布式爬虫的应用场景,php 优点缺点,福州seo优化作用,网站 古风模板,做视频的软件模板下载网站lzw

焦点:浏览器为了区分用户输入的对象,当一个元素有焦点的时候,那么那个元素就可以接受用户的输入。

代练工作室源码,ubuntu连接蓝牙键盘,小猫爬虫视频大全,php代码显示php文件,揭阳seo收费lzw

我们可以通过一些方式给元素设置焦点

thinkphp公司源码,vscode马保国语音包,ubuntu wps行距,如何暂时引用tomcat,node性能爬虫,php嵌入jquery,湖南seo关键词优化公司lzw

1.tab

2,点击

3.js

不是所有的元素都能接受焦点,能够相应用户操作的元素才有焦点,如表单,a标签

1.tab就不用说了,浏览器给我们做好了,我们可以随时使用tab键更换焦点

2.点击获得焦点onfocus

当我们点击表单元素的时候,你点击的那个元素便获得了焦点、同时触发onfocus

var aInp=document.getElementsByTagName(input); for(var i=0;i<aInp.length;i++){aInp[i].onfocus=function(){ this.value= ;} };

失去焦点onblur

用法:当我们在外面点击的时候。我们的表单就失去了焦点,同时触发onblur

3.js获得焦点 使用focus方法获得焦点,blur方法失去焦点

aInp[1].focus();

用法:对象.focus这时实现默认焦点为第二个表单(blur同理)

**最后再赠送一个方法select

select指定()元素(用户能够输入的元素)中的文本内容全选—->实现复制的功能

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。