javascript - textarea 焦点事件在 Chrome 中意外发生了很多次

Question

非常简单的 JS:

$(".input").focus(function(){

    alert("input clicked");

});

HTML:

<textarea class="input"  style="height:20px" cols="60"></textarea>

在 Chrome 中收到如此多的警报，但在 FF 中，一切正常。

如果我使用“点击”而不是“聚焦”，那么在 Chrome 中，非常轻柔地聚焦文本区域不会启动任何警告框，但它确实会聚焦。我测试了一些默认文本发生变化(代码中未提及)的焦点。

我想做一个像Facebook一样的状态更新框。当用户聚焦文本区域时，它会水平扩展并显示新内容。

Chrome 和所有其他浏览器的行为方式相同(只生成一次警报)的方式是什么？

Answer 1

我相信它可能是这样的:您在文本区域中单击，它获得焦点并调用事件监听器。显示警告框导致文本区域在显示框时失去焦点。当您关闭警告框时，文本区域获得焦点并再次调用事件监听器。

如果是这种情况，并且 Chrome 是唯一以这种方式运行的浏览器，那么提交错误报告可能是个好主意。

更新:并解决您的问题。您确定需要警报框吗？这通常不是一个好主意，最好使用其他一些(非阻塞)警报机制。

据我了解，您不需要盒子。只需展开文本区域而不是显示警告框。并使用 console.log 进行调试。