Textarea失去鼠标点击的焦点？

Posted 2023-05-07

【中文标题】Textarea失去鼠标点击的焦点？

【英文标题】：Textarea loses focus on mouse click?

【发布时间】：2012-04-30 00:51:12

【问题描述】：

我在 Google Chrome 中的文本区域遇到了一些奇怪的问题。

问题是，每当我点击谷歌浏览器中的文本区域时，它会立即失去焦点，并返回到上一个输入框。如果我按键盘上的 tab 键，问题就不会发生。

这是一个显示我的问题的 .gif：

我使用的代码是有效的 html：

                <div class="inputborder rounded">
                    <label>Celebrity 1<label>
                    <div class="newline"></div>
                    <input type="text"/>
                    <div class="newline"></div>
                    <label>Tweet 1<label>
                    <div class="newline"></div>
                    <textarea>Y U NO WORK?!</textarea>
                    <div class="newline"></div>
                </div>

除了 jQuery 库之外，我还没有在页面上使用任何 javascript。

我很惊讶为什么会发生这种情况，因为通常是 Internet Explorer 给我这样的问题。

有人知道怎么回事吗？

【问题讨论】：

+1 用于动画 gif。

+1 为您的动画，独特的方式展示自己... :)

这一定是我在这个网站上看到的图片的最佳用途！

谢谢 :) 我认为这是向你们展示问题的最佳方式。我不擅长解释你看到的东西；）

"我使用的代码是有效的 html"。其实不是。您没有正确关闭标签标签。

【参考方案1】：

尝试关闭标签标签。

<div class="inputborder rounded">
        <label>Celebrity 1</label>
        <div class="newline"></div>
        <input type="text"/>
        <div class="newline"></div>
        <label>Tweet 1</label>
        <div class="newline"></div>
        <textarea>Y U NO WORK?!</textarea>
        <div class="newline"></div>
</div>

【讨论】：

我不敢相信我错过了这个。这很尴尬哈哈。 7票赞成，这样一个简单的“问题”。我要睡觉了...谢谢您 - 投票将您的答案作为您的第一个解决方案。

【参考方案2】：

您没有正确关闭标签。你有<label>，而它应该是</label>

【讨论】：

我不敢相信我错过了这个。这很尴尬哈哈。 7票赞成，这样一个简单的“问题”。我要睡觉了...谢谢。