按钮默认获取鼠标焦点汇总,css方法js方法,UI方法和我发现的万能方法

方法有很多 JS-CSS 如果有用elementUI或者其他UI等等等,还有内置的方法!但有一个简单且万能的办法

<el-button ID="areaButton" autofocus  @click="areaMethod">行政区</el-button>

满足需求:默认选中行政区按钮,点击月份按钮,行政区按钮失去焦点!
在这里插入图片描述
在这里插入图片描述

UI内嵌方法

这种办法不能满足需求,所以才一直想办法,找到上述万能办法



需求:默认选中行政区按钮,点击月份按钮,行政区按钮失去焦点
实际:默认选中行政区按钮,点击月份按钮,行政区按钮不失去焦点
如下
在这里插入图片描述
在这里插入图片描述

需求有多苛刻,技术就要了解的多全面!

还有其他办法,一块记录下来!
一、 格式

<body οnlοad=document.formname.textname.focus()> 
formname为表单名称,后面接着的textname 是文本框的名称。

示例:

<html>

<head></head> 
/************这儿这儿这儿这儿这儿这儿*****************************/
<body onLoad="document.user.username.focus()" > 

<form name="user" action="">

<input type="text" name="username"> 

</form>

</body> 

</html> 

这个方法比较简单,推荐使用。

二、使用JavaScript,相对麻烦

<html> 

<head></head> 

<body > 

<input type="text" id="name"> 
<!--设置文本输入框的id为name--> 

<script language="javascript"> 

document.getElementById('name').focus();  

<!--设置id为name的元素得到焦点-->

</script> 

</body> 

</html> 

按钮默认获取鼠标焦点汇总,欢迎留言交流!

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值