jquery，textarea在html函数中，光标消失了

Question

我有这个简单的Jquery代码：

$('.answerComment').click(function() {
    $(this).children('.answerForm').html('<textarea></textarea>');  
});

但是当我点击textarea时，光标会消失，如果我想写点什么我需要保持点击鼠标的左键

任何想法为什么？

Answer 1

试试这个：

$('.answerComment').click(function(e) {
    if (e.target.nodeName == 'TEXTAREA') return;
    $(this).children('.answerForm').html('<textarea></textarea>');  
});

但是你没有选择最好的方式来展示你的文本区域。

Answer 2

这是因为点击子元素

时也会调用click（）

您可以通过检查实际点击了哪个元素来避免这种情况

$('.answerComment').click(function(e) {

    if ($(e.target).hasClass("answerComment")){
        $(this).children('.answerForm').html('<textarea></textarea>');    
    }


});