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

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

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

满足需求:默认选中行政区按钮,点击月份按钮,行政区按钮失去焦点!
按钮默认获取鼠标焦点汇总,css方法js方法,UI方法和我发现的万能方法_第1张图片
按钮默认获取鼠标焦点汇总,css方法js方法,UI方法和我发现的万能方法_第2张图片

UI内嵌方法

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



需求:默认选中行政区按钮,点击月份按钮,行政区按钮失去焦点
实际:默认选中行政区按钮,点击月份按钮,行政区按钮不失去焦点
如下
按钮默认获取鼠标焦点汇总,css方法js方法,UI方法和我发现的万能方法_第3张图片
按钮默认获取鼠标焦点汇总,css方法js方法,UI方法和我发现的万能方法_第4张图片

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

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

focus()> 
formname为表单名称,后面接着的textname 是文本框的名称。

示例:



 
/************这儿这儿这儿这儿这儿这儿*****************************/
"document.user.username.focus()" > 

"user" action=""> "text" name="username">

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

二、使用JavaScript,相对麻烦

 

 

 

"text" id="name"> 
 

 

 

 

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

你可能感兴趣的:(编程过程中的问题及解决办法总结,css,html,html5)