Question

这应该是一个简单的问题，但我很难找到问题发生的原因。

我有以下代码：

<html>
<Head>

</Head>
<Body>

<textarea id="rrr" rows="5" cols="40" maxlenght="50" onmouseup="myfunction()"></textarea>

<script>

function myfunction(){

document.getElementById("rrr").innerHTML="test";

}


</script>

    </Body>
</html>

此代码只能运行一次！当我加载页面并在textarea上做一个mouseup时，我会看到＆＃34; test＆＃34;。

然后我删除了textarea的文本并再次点击它，没有任何反应。为什么呢？

Answer 1

将innerHTML更改为value：

function myfunction() {
    document.getElementById("rrr").value = "test";
}

<强> jsFiddle example

还有一个小注，你在maxlenght中有一个拼写错误。

Answer 2

此代码导致该函数执行一次，第一次触发mouseup事件：

onmouseup="myfunction()"

另一方面，这段代码将myfunction指定为mouseup事件的事件处理程序，因此每次触发事件时都会调用它。

onmouseup="myfunction"

textarea mouseup事件只触发一次

2 个答案: