Javascript 将焦点设置为输入字段而不闪烁光标
我有一个文本字段（全名），单击“设置焦点”按钮，我希望在文本字段（全名）上设置焦点，但不希望焦点文本字段内的光标闪烁。如何使用js/jQuery实现这一点Javascript 将焦点设置为输入字段而不闪烁光标,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个文本字段（全名），单击“设置焦点”按钮，我希望在文本字段（全名）上设置焦点，但不希望焦点文本字段内的光标闪烁。如何使用js/jQuery实现这一点 <!doctype html> <html> <head> <meta charset="utf-8"> <title>Customer Details</title> </head> <body> <
<!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（）<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Customer Details</title>
<style>
#fullname {
border: none;
color: transparent;
display: inline-block;
font-size: 2em;
text-shadow: 0 0 0 gray;
width: 2em;
width: 200px;
border: 1px solid black;
}
#fullname:focus {
outline: none;
}
</style>
</head>
<body>
<input type="text" id="fullname" placeholder="Name">
<button type="button" onClick="document.getElementById('fullname').focus()" id="button">Set Focus</button>
</body>
</html>
客户详细信息
#全名{
边界：无；
颜色：透明；
显示：内联块；
字号：2em；
文本阴影：0灰色；
宽度：2米；
宽度：200px；
边框：1px纯黑；
}
#全名：焦点{
大纲：无；
}
聚焦
<div style="position:relative">
<input type="text" id="txt" />
<span id="txt2"></span>
</div>
var txt = $('#txt');
txt.focus()
$('#txt').on('keyup', function () {
var val = $(this).val();
//alert(val);
$('#txt2').text(val)
})
#txt:focus {
outline:none
}
*[id^="txt"] {
position:absolute;
outline:none
}
#txt {
z-index:12;
background:#ddd;
opacity:0.0;
width:200px;
height:30px
}
#txt2 {
height:30px;
border:1px solid #ddd;
display:block;
width:200px;
word-wrap: break-word;
overflow:hidden;
line-height:30px
}
var txt=$（“#txt”）；
txt.focus（）
$（'#txt'）。在（'keyup'，函数（）{
var val=$（this.val（）；
//警报（val）；
$（'#txt2'）.text（val）
})
#焦点{
大纲：无
}
*[id^=“txt”]{
位置：绝对位置；
大纲：无
}
#文本{
z指数：12；
背景：ddd；
不透明度：0.0；
宽度：200px；
高度：30px
}
#txt2{
高度：30px；
边框：1px实心#ddd；
显示：块；
宽度：200px；
单词包装：打断单词；
溢出：隐藏；
线高：30px
}
这里：我正在做的是，我在一个相对定位的div中输入了一个输入和一个span，然后我用绝对位置管理它的子对象，并使输入透明。在此之后，我使用了keyp函数，获取输入值并更改span的文本。希望这会有所帮助。这个技巧似乎对所有主要的div都有效浏览器，保留轮廓\边框并隐藏闪烁的插入符号：
#全名：焦点{
文本缩进：-9999em；
文字阴影：9999em 0#000；
}
设置焦点text shadow