使用Javascript将textarea文本转换为大写ondblclick

Question

有其中一个时刻，为什么以下示例不起作用？当用户双击textarea时，我希望将文本转换为大写。

<textarea id="property_summary" name="property_summary" rows="5" cols="70" class="countcharacters" data-limit="1000" data-report="summary_cc" ondblclick="property_summary.value.toUpperCase();" required>This is test text</textarea>

Answer 1

property_summary.value.toUpperCase()不是作业。

尝试

this.value = this.value.toUpperCase();

Answer 2

您需要像这样设置值：this.value = this.value.toUpperCase();

<textarea id="property_summary" name="property_summary" rows="5" cols="70" class="countcharacters" data-limit="1000" data-report="summary_cc" ondblclick="this.value = this.value.toUpperCase();" required>This is test text</textarea>

Answer 3

ondblclick="property_summary.value.toUpperCase();"不会更改textarea的内容。而是通过设置value的{​​{1}}来设置textarea的值，因为this表示此上下文中的textarea。

因此，要解决此问题，只需设置this。

ondblclick="this.value = this.value.toUpperCase();"