gpt4 book ai didi

javascript - 将焦点设置到输入字段而不闪烁光标

转载 作者:太空宇宙 更新时间:2023-11-04 14:32:13 26 4
gpt4 key购买 nike

我有一个文本字段(全名),单击“设置焦点”按钮后,我希望将焦点设置在文本字段(全名)上,但不希望焦点文本字段中的闪烁光标。如何使用 js/jQuery 实现这一点。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Customer Details</title>
</head>
<body>
<input type="text" id="fullname" placeholder="Name">
<button type="button" onClick="document.getElementById('fullname').focus()" id="button">Set Focus</button>
</body>
</html>

我尝试过同时使用 jquery 和 js focus()。但在这两种情况下,我都可以在聚焦的文本字段中看到闪烁的光标。我看到了一个解决方案,它需要我改变文本阴影、边框和轮廓来实现这一点。但我想保留聚焦文本字段的边框和轮廓

最佳答案

这个技巧似乎适用于所有主流浏览器,保持轮廓\边框并隐藏闪烁的插入符号:

#fullname:focus{
text-indent: -9999em;
text-shadow : 9999em 0 0 #000;
}
<input type="text" id="fullname" placeholder="Name" />      
<button type="button" onClick="document.getElementById('fullname').focus()" id="button">Set Focus</button>

关于javascript - 将焦点设置到输入字段而不闪烁光标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33475617/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com