在光標處插入字符串的實現(xiàn)代碼 兼容IE,Firefox
更新時間：2010年03月23日 23:10:58 作者：
在光標處插入字符串，一般用于網頁編輯器中，這里用的是text，需要的朋友可以參考下。
復制代碼 代碼如下:
// 在光標處插入字符串
// myField 文本框對象
// 要插入的值
function insertAtCursor(myField, myValue)
{
//IE support
if (document.selection)
{
myField.focus();
sel = document.selection.createRange();
sel.text = myValue;
sel.select();
}
//MOZILLA/NETSCAPE support
else if (myField.selectionStart || myField.selectionStart == '0')
{
var startPos = myField.selectionStart;
var endPos = myField.selectionEnd;
// save scrollTop before insert
var restoreTop = myField.scrollTop;
myField.value = myField.value.substring(0, startPos) + myValue + myField.value.substring(endPos,myField.value.length);
if (restoreTop > 0)
{
// restore previous scrollTop
myField.scrollTop = restoreTop;
}
myField.focus();
myField.selectionStart = startPos + myValue.length;
myField.selectionEnd = startPos + myValue.length;
} else {
myField.value += myValue;
myField.focus();
}
}
下面是腳本之家演示代碼：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關文章
這篇文章主要介紹了javascript實現(xiàn)隨機顯示星星特效的相關資料,以一個完整實例形式較為詳細的分析了js實現(xiàn)隨機顯示星星特效的實現(xiàn)技巧，需要的朋友可以參考下2016-01-01
JSON.parse處理非標準Json數(shù)據(jù)出錯的解決
這篇文章主要介紹了JSON.parse處理非標準Json數(shù)據(jù)出錯的解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
情人節(jié)單身的我是如何在敲完代碼之后收到12束玫瑰的(javascript)
這篇文章主要介紹了情人節(jié)單身的我是如何在敲完代碼之后收到12束玫瑰的，感興趣的朋友一起來學習下2015-08-08
使用watch在微信小程序中實現(xiàn)全局狀態(tài)共享
這篇文章主要給大家介紹了關于如何使用watch在小程序中實現(xiàn)全局狀態(tài)共享的相關資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用微信小程序具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-06-06
本文主要介紹了一些Javascript中值得學習的特性，可選鏈操作符，空值合并運算符，Promise.allSettled()，BigInt類型等特性，文中有詳細的代碼示例介紹這些特性，感興趣的可以參考下2023-05-05
Javascript實現(xiàn)跨域后臺設置攔截的方法詳解
這篇文章主要給大家介紹了關于Javascript實現(xiàn)跨域后臺設置攔截的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面跟著小編來一起學習學習吧。2017-08-08
這篇文章主要介紹了純JavaScript實現(xiàn)的分頁插件,涉及javascript結合php動態(tài)實現(xiàn)分頁效果的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
這篇文章主要為大家詳細介紹了bootstrap下拉分頁樣式，帶跳轉頁碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-12-12
???????分享7?個實用?TypeScript?單行代碼
這篇文章主要介紹了???????分享7?個實用?TypeScript?單行代碼，其中包括泛型、斷言等高級用法，需要的小伙伴可以參考一下，希望對你的學習有所幫助2022-05-05
jquery $(document).ready()和window.onload的區(qū)別淺析
這篇文章主要介紹了jquery $(document).ready()和 window.onload的區(qū)別淺析,本文總結了執(zhí)行時間、編寫個數(shù)不同、簡化寫法等不同的地方,需要的朋友可以參考下2015-02-02