JS 對文本框指定焦點差入值

阿新 • • 發佈：2017-07-03

js 指定位置插入

參考文章：http://www.111cn.net/wy/js-ajax/52270.htm

這種方法可行。

通過上面的我們就可以將DIV中的光標移動到最後面了

一個完整的實例

代碼如下

復制代碼

<button type=”button” onclick=”document.getElementById(‘test’).focus(); insertHtmlAtCaret(‘<b>INSERTED</b>’);”>插入字符</button>
<div contentEditable=”true” style=”height:50px; border:2px solid red;” id=”test”> </div>

function insertHtmlAtCaret(html) {
var sel, range;
if (window.getSelection) {
// IE9 and non-IE
sel = window.getSelection();
if (sel.getRangeAt && sel.rangeCount) {
range = sel.getRangeAt(0);
range.deleteContents();

// Range.createContextualFragment() would be useful here but is
// non-standard and not supported in all browsers (IE9, for one)

var el = document.createElement(“div”);
el.innerHTML = html;
var frag = document.createDocumentFragment(), node, lastNode;
while ( (node = el.firstChild) ) {
lastNode = frag.appendChild(node);
}
range.insertNode(frag);

// Preserve the selection
if (lastNode) {
range = range.cloneRange();
range.setStartAfter(lastNode);

range.collapse(true);
sel.removeAllRanges();
sel.addRange(range);
}
}
} else if (document.selection && document.selection.type != “Control”) {
// IE < 9
document.selection.createRange().pasteHTML(html);
}
}

本文出自 “JianBo” 博客，轉載請與作者聯系！

JS 對文本框指定焦點差入值

js 指定位置插入參考文章：http://www.111cn.net/wy/js-ajax/52270.htm 這種方法可行。通過上面的我們就可以將DIV中的光標移動到最後面了一個完整的實例代碼如下復制代碼<button type=”button” onclick=”document.getEleme

JS 對文本框指定焦點差入值

JS 對文本框指定焦點差入值

利用js在文本框末尾獲得焦點

js控制文本框只能輸入中文、英文、數字與指定特殊符號

文本框中焦點豎桿長度控制

JS限制文本框只能輸入數字(包括整數,小數,負數)

js入門-文本框輸入特定內容控制另一個文本框

HTML點選文字後文本框獲得焦點的兩種方式

關於移動端的文本框獲取焦點時導致fixed或absolute定位的按鈕被手機鍵盤頂上去的問題

JS控制文本框只能輸入數字，並且保留小數點後兩位

處理頁面後退，文本框有時會保存值有時不會保存值

ASP.NET文本框密碼賦默認值的方法

js生成隨機編碼並賦值給input文本框

js實現兩個文本框數值的加減乘除運算

JS實時檢測文本框內容長度

js各種驗證文本框輸入內容格式

e741. 將標簽的焦點置於關聯的文本框上面

js 文本框文本域focus時自動選中內容

004 樹形控件TreeCtrlDemo 超級文本框RictEditDemo

Android學習筆記-TextView(文本框)(二)

文本框制作

JS 對文本框指定焦點差入值

相關推薦