如何將JavaScript事件添加到textarea而無需直接訪問它？

Question

我想知道如何添加

onblur="hcb.watermark.blur(event)" onfocus="hcb.watermark.focus(event)" style="color: rgb(136, 136, 136); 

下面的文本區域，而不必直接訪問它：

<textarea rows="4" id="HCB_textarea" name="content" class="commentbox hcb-shadow-r" onkeypress="hcb.delta(event)"/> 

可能一些額外的JS做的工作？

Answer 1

您可以使用document.getElementById來抓取元素並從那裏操作它。

var textArea = document.getElementById('HCB_textarea'); 
textArea.onblur = hcb.watermark.blur; 
textArea.onfocus = hcb.watermark.focus; 
textArea.style.color = 'rgb(136, 136, 136)'; 

Answer 2

使用jQuery來附加事件，改變樣式。