快捷導(dǎo)航

在光標(biāo)處插入字符串的實(shí)現(xiàn)代碼兼容IE,Firefox

更新時(shí)間：2010年03月23日 23:10:58 作者：

在光標(biāo)處插入字符串，一般用于網(wǎng)頁(yè)編輯器中，這里用的是text，需要的朋友可以參考下。

// 在光標(biāo)處插入字符串 
// myField 文本框?qū)ο?
// 要插入的值 
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需再刷新一下頁(yè)面才能執(zhí)行]

您可能感興趣的文章:

相關(guān)文章

javascript實(shí)現(xiàn)隨機(jī)顯示星星特效
這篇文章主要介紹了javascript實(shí)現(xiàn)隨機(jī)顯示星星特效的相關(guān)資料,以一個(gè)完整實(shí)例形式較為詳細(xì)的分析了js實(shí)現(xiàn)隨機(jī)顯示星星特效的實(shí)現(xiàn)技巧，需要的朋友可以參考下
2016-01-01
JSON.parse處理非標(biāo)準(zhǔn)Json數(shù)據(jù)出錯(cuò)的解決
這篇文章主要介紹了JSON.parse處理非標(biāo)準(zhǔn)Json數(shù)據(jù)出錯(cuò)的解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-09-09
情人節(jié)單身的我是如何在敲完代碼之后收到12束玫瑰的(javascript)
這篇文章主要介紹了情人節(jié)單身的我是如何在敲完代碼之后收到12束玫瑰的，感興趣的朋友一起來(lái)學(xué)習(xí)下
2015-08-08
使用watch在微信小程序中實(shí)現(xiàn)全局狀態(tài)共享
這篇文章主要給大家介紹了關(guān)于如何使用watch在小程序中實(shí)現(xiàn)全局狀態(tài)共享的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用微信小程序具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-06-06
關(guān)于Javascript中值得學(xué)習(xí)的特性總結(jié)
本文主要介紹了一些Javascript中值得學(xué)習(xí)的特性，可選鏈操作符，空值合并運(yùn)算符，Promise.allSettled()，BigInt類(lèi)型等特性，文中有詳細(xì)的代碼示例介紹這些特性，感興趣的可以參考下
2023-05-05
Javascript實(shí)現(xiàn)跨域后臺(tái)設(shè)置攔截的方法詳解
這篇文章主要給大家介紹了關(guān)于Javascript實(shí)現(xiàn)跨域后臺(tái)設(shè)置攔截的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面跟著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。
2017-08-08
純JavaScript實(shí)現(xiàn)的分頁(yè)插件實(shí)例
這篇文章主要介紹了純JavaScript實(shí)現(xiàn)的分頁(yè)插件,涉及javascript結(jié)合php動(dòng)態(tài)實(shí)現(xiàn)分頁(yè)效果的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-07-07
bootstrap下拉分頁(yè)樣式帶跳轉(zhuǎn)頁(yè)碼
這篇文章主要為大家詳細(xì)介紹了bootstrap下拉分頁(yè)樣式，帶跳轉(zhuǎn)頁(yè)碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-12-12
???????分享7?個(gè)實(shí)用?TypeScript?單行代碼
這篇文章主要介紹了???????分享7?個(gè)實(shí)用?TypeScript?單行代碼，其中包括泛型、斷言等高級(jí)用法，需要的小伙伴可以參考一下，希望對(duì)你的學(xué)習(xí)有所幫助
2022-05-05
jquery $(document).ready()和window.onload的區(qū)別淺析
這篇文章主要介紹了jquery $(document).ready()和 window.onload的區(qū)別淺析,本文總結(jié)了執(zhí)行時(shí)間、編寫(xiě)個(gè)數(shù)不同、簡(jiǎn)化寫(xiě)法等不同的地方,需要的朋友可以參考下
2015-02-02