如何使用JavaScript在textarea上顯示光標？

我正在編寫一個腳本，它將通過各種表單元素（廣播，複選框等）進行選項卡，並且證明有點棘手的一個元素是<textarea>。如何使用JavaScript在textarea上顯示光標？

爲了清楚起見，我想模仿點擊<textarea>的行爲，該行爲爲來自外部JavaScript文件（特別是Angular控制器）的用戶鍵盤輸入帶來焦點和光標。

我已經試過

我已經試過：

來源

2015-12-11 Peter Ward

[我不明白爲什麼'.focus'和'.click'將無法正常工作。（http://jsfiddle.net/DerekL/ycn6jksb/）你能爲你的問題添加一個演示嗎？ –

是的，我發現這些工作通常都很有效，但對我而言並不奏效。也許我應該嘗試多瞭解我的問題並回復你。 –

也許文本區域沒有加載到DOM中，只有當元素在那裏時，焦點纔會有效。 – Billy

var area=document.getElementById('textarea'); 
 
area.value="hello from javascript";

did you try the autofocus attribute ? 
 

 
    <textarea autofocus type="textarea" id="textarea" rows="6" cols="70"></textarea>

來源

2015-12-11 20:10:23 Billy

當硬編碼到html中時，自動對焦肯定會起作用，但我希望有條件地設置焦點。 –

@PeterWard你可以很容易地做到這一點與一些PHP，你有沒有考慮過一個選項？ –

我會回到室內約30，然後我會看，當你嘗試的重點（）你使用的ID或通過DOM獲得元素 – Billy


 
    var area=document.getElementById('textarea'); 
 
    area.focus(); 
 
    var counter=0; 
 
    var string="Hi from focused area "; 
 
    var strlength=string.length; 
 
    
 
    window.setInterval(typeWord,300 
 
     
 
);  
 

 
function typeWord(){ 
 

 
       area.value+=string[counter]; 
 
    counter++; 
 
    if(counter==strlength){area.value+=" ";counter=0;} 
 
    
 

 
};

 <textarea type="textarea" id="textarea" rows="6" cols="70"></textarea>

來源

2015-12-11 20:50:35 Billy

確保DOM已準備就緒 – Billy

如何使用JavaScript在textarea上顯示光標？

回答

相關問題