新textarea的聚焦狀態不工作

Question

我有這個接口：

當「再加一條」按鈕被點擊，我將不得不添加另一個界面，看起來一樣的這一個，使整個界面會是這個樣子：

我的onfocus爲textarea的屬性，以清除其內容的重點的時候，它是工作prefectly，這是它的代碼：

<textarea name="educationDescription1" id="educationDescription1" rows="5" cols="33" onfocus="clearContents(this);">Describe your studying experience in a couple of sentences.</textarea> 

現在我在創建textarea時也遇到同樣的問題，儘管我使用了相同的語法！這是用於創建新文本區域的代碼：

var node6 = document.createElement("textarea"); 
node6.rows="5"; 
node6.cols="33"; 
node6.onfocus="clearContents(this);"; 
node6.value="Describe your working experience in a couple of sentences."; 
node6.name="experienceDescription"+experiences; 
node6.id="experienceDescription"+experiences; 

任何想法可能是什麼問題？ 感謝

Answer 1

在node6.onfocus,onfocus需要函數引用。你正在分配一個字符串。它應該是這樣的，

node6.onfocus=function(){clearContents(this);}; 

或者你可以使用addeventListner功能

node6.addEventListener('onfocus',function(){clearContents(this);}); 

或者，如果你想添加的onfocus到HTML你必須創建一個新的屬性，並將其設置是這樣的。

var attr = document.createAttribute('onfocus'); 
attr.value="clearContents(this)"; 
node6.setAttributeNode(attr); 

Answer 2

此：

node6.onfocus="clearContents(this);"; 

應該由這個來代替：

node6.onfocus=function(){clearContents(this);}; 

Answer 3

我猜你可能想使用placeholder屬性，而不是onfocus。 如果您使用onfocus，即使在用戶輸入有效數據後，每當用戶關注它時都會清除textarea。

設置placeholder使用jQuery的代碼可能是這樣的：

var node6 = $("<textarea></textarea>"); 
... 
node6.attr('placeholder','Describe your working ...'); 

這裏是小提琴。 http://jsfiddle.net/naokiota/j687tg80/2/

希望這會有所幫助。