javascript - 以编程方式触发文本光标,就像用户实际单击输入标签一样

标签 javascript html css input click

我正在尝试使用 Gmail 电子邮件输入标签等 JavaScript 在文本字段中输入一些值。 但是问题发生在他们的占位符绑定(bind)到一些我不知道如何触发的事件的花哨动画上,如下图所示:

没有焦点/选择的输入标签:  Input tag without focus/select 在输入内容后输入: Input after input something there 带焦点/选择的输入标签: Input tag with focus/select

然后在我赋值后,我的值和花哨的占位符会相互重叠。

我尝试了多种方法,聚焦/选择/单击/两者都没有用。所以我在想,如果我可以像用户实际点击它那样触发该动画,然后为其分配值可能会起作用。

我怎样才能做到这一点?或者是否有任何其他方法可以让该动画或它们的输入检查代码捕获我分配的值,这样占位符就不会下降并与我的值重叠?

最佳答案

我不确定您是如何构建输入的,因此可能有更简单的方法来处理它。 因为我个人用JQuery我会用 .toggle() 来做功能。

$(element).toggle();

您还可以使用 .css() 更改 css 属性功能。只需创建一个聚焦事件并在其中更改颜色等。

希望那是你要求的。 祝你好运:)

关于javascript - 以编程方式触发文本光标,就像用户实际单击输入标签一样,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45495391/

相关文章:

javascript - 根据鼠标移动动画 css [我该如何改进]

html - CSS 样式导航元素

html - 如何让最小宽度在 Chrome 中的按钮上工作? (苹果系统)

css - 从 child 的高度扩展 parent 的问题。 body 不会达到 100% 的高度。多列

javascript - 如何在 D3 力布局中突出显示/选择邻居的邻居?

javascript - 如何隐藏 jQuery Mobile anchor 按钮

html css 粘性等

javascript - 如何使用 gulp 将已安装 Bower 包的链接注入(inject) html 文件

javascript - 验证 javascript 表达式

html - 当内部内容具有不同高度时,等高 flex 元素