Javascript Jquery事件click html（）只工作一次

我有一个函数，当单击元素时，应该输入一个textarea值，但是该函数只通过单击一次就可以工作，然后不再工作，除非加载页面。如何使函数在每次单击元素时工作

我用javascript编写了这个函数，但它只在Firefox中起作用，在chrome中不起作用，所以我放弃了使用jquery

$("#element").click(function(){
    $("#nameidtextarea").html("<br>");
});

$（“#元素”）。单击（函数（）{
$（“#nameidtextarea”）.html（“
”）；
});

---

当点击#元素时，值“”将被插入textarea

中，textarea元素的HTML内容是默认值，因此使用它只会在用户未更改的情况下更改该值

不要使用

html（）

修改表单控件的值。使用

val（）

---

您当前正在将值设置为

。这是替换操作，不是插入操作

如果要插入数据而不删除现有数据，则需要读取当前值，修改它，然后重新设置新值

---

$（“#元素”）。单击（函数（）{
const old_value=$（“#nameidtextarea”）.val（）；
常量新值=旧值+“
”；
$（“#nameidtextarea”）.val（新的#u值）；
});

@EvikGhazarian-真的不是。$（“#nameidtextarea”）。追加（
”；您必须附加BR，而不是将其分配给文本区域，

$（“#nameidtextarea”）.html（$（“#nameidtextarea”）.html（）+“
”

@EvikGhazarian-修改textarea的innerHTML是一个非常糟糕的主意。它只在用户开始键入之前有效。如果是textarea，请使用

val

。请尝试“$”（“#nameidtextarea”）.val（$（“#nameidtextarea”）.val（）+”

$("#element").click(function(){
    const old_value = $("#nameidtextarea").val();
    const new_value = old_value + "<br>";
    $("#nameidtextarea").val(new_value);
});