Question

我有一个文本字段（全名），点击“设置焦点”按钮，我希望在文本字段（全名）上设置焦点，但不希望在聚焦文本字段中闪烁光标。如何使用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()。但在这两种情况下，我都可以看到聚焦文本域中闪烁的光标。我看到了一个解决方案，要求我改变文本阴影，边框和轮廓来实现这一目标。但我想保留重点文本域的边框和轮廓

Answer 1

这个技巧似乎适用于所有主流浏览器，保持大纲\边框和隐藏闪烁的插入符号：

// somewhere in `A` assembly
var repoFactory = B.GetRepoFactory();
using (var session = repoFactory.OpenSession())
{
    var ordersRepo = repoFactory.GetRepo<IOrdersRepo>(session);
    ordersRepo.Save(something);
}

#fullname:focus{
    text-indent: -9999em;
    text-shadow : 9999em 0 0 #000;
}

Answer 2

这是你想要的？看到我的代码，应用它:)当点击按钮时，它将聚焦输入字段。快乐的编码。

<!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>

Answer 3

嗨我已经做了一个Hack希望这会有所帮助：D

import pandas as pd
df = pd.read_csv(ifile)
final_df = df[df['Line1_Cleaning'] > df['Line1_Cleaning'].shift(1)]
print final_df

Here is the link please have a look

这里：我正在做的是我在一个相对定位的div中做了一个输入和一个跨度然后我已经管理了它的孩子在彼此的绝对位置并使输入透明后我使用keyp函数并取值输入和更改文本的跨度..希望它会有帮助

将焦点设置为输入字段而不闪烁光标

3 个答案: