在css样式中能不能直接设定某个元素获得焦点如一个<div>在页面加载完之后焦点就在他上面

在css样式中能不能直接设定某个元素获得焦点如一个<div>在页面加载完之后焦点就在他上面,第1张

写jquery吧

假设你要设为焦点的id为yyy,例如<input type='text' id='yyy' />

然后在页面里先引入Jquery,然后自定义函数

<script type='text/javascript'>

$(function(){

yyyfocus();

});

</script>

你应该在普通div上加onclick(模拟获取焦点)来实现你的需求。

<html>

<body>

<input type="test" onfocus='txtfocus()' />

<div id='div' style="display:none" >我是焦点DIV</div>

<div onclick='divFocus()'>普通div</div>

<script language="javascript" >

function txtfocus(){

documentgetElementById('div')styledisplay="block";

}

function divFocus(){

documentgetElementById('div')styledisplay="none";

}

</script>

</SCRIPT>

</body>

</html>

之前在项目中碰到的问题,在某些情况下 input text 点击无法获取焦点。

环境为vue cli3 + mint-ui (其实之前环境也遇到过 )。

处理方案如下:

1、使用 lable 标签包裹;

2、间隔使用隐藏的 input 标签(某些情况下能解决问题);

3、直接不填 type 属性或者不写 type 属性。

综上: 由于input 类型默认为 text ,因此直接取出 type 属性为最方便快捷的解决方式。

以上就是关于在css样式中能不能直接设定某个元素获得焦点如一个<div>在页面加载完之后焦点就在他上面全部的内容,包括:在css样式中能不能直接设定某个元素获得焦点如一个<div>在页面加载完之后焦点就在他上面、javascript 焦点问题、input text 无法获取焦点问题等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9774894.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存