在光标处插入字符串的实现代码 兼容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需再刷新一下页面才能执行]

相关文章

  • javascript实现随机显示星星特效

    javascript实现随机显示星星特效

    这篇文章主要介绍了javascript实现随机显示星星特效的相关资料,以一个完整实例形式较为详细的分析了js实现随机显示星星特效的实现技巧,需要的朋友可以参考下
    2016-01-01
  • JSON.parse处理非标准Json数据出错的解决

    JSON.parse处理非标准Json数据出错的解决

    这篇文章主要介绍了JSON.parse处理非标准Json数据出错的解决,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • 情人节单身的我是如何在敲完代码之后收到12束玫瑰的(javascript)

    情人节单身的我是如何在敲完代码之后收到12束玫瑰的(javascript)

    这篇文章主要介绍了情人节单身的我是如何在敲完代码之后收到12束玫瑰的,感兴趣的朋友一起来学习下
    2015-08-08
  • 使用watch在微信小程序中实现全局状态共享

    使用watch在微信小程序中实现全局状态共享

    这篇文章主要给大家介绍了关于如何使用watch在小程序中实现全局状态共享的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用微信小程序具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-06-06
  • 关于Javascript中值得学习的特性总结

    关于Javascript中值得学习的特性总结

    本文主要介绍了一些Javascript中值得学习的特性,可选链操作符,空值合并运算符,Promise.allSettled(),BigInt类型等特性,文中有详细的代码示例介绍这些特性,感兴趣的可以参考下
    2023-05-05
  • Javascript实现跨域后台设置拦截的方法详解

    Javascript实现跨域后台设置拦截的方法详解

    这篇文章主要给大家介绍了关于Javascript实现跨域后台设置拦截的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面跟着小编来一起学习学习吧。
    2017-08-08
  • 纯JavaScript实现的分页插件实例

    纯JavaScript实现的分页插件实例

    这篇文章主要介绍了纯JavaScript实现的分页插件,涉及javascript结合php动态实现分页效果的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • bootstrap下拉分页样式 带跳转页码

    bootstrap下拉分页样式 带跳转页码

    这篇文章主要为大家详细介绍了bootstrap下拉分页样式,带跳转页码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • ​​​​​​​分享7 个实用 TypeScript 单行代码

    ​​​​​​​分享7 个实用 TypeScript 单行代码

    这篇文章主要介绍了​​​​​​​分享7 个实用 TypeScript 单行代码,其中包括泛型、断言等高级用法,需要的小伙伴可以参考一下,希望对你的学习有所帮助
    2022-05-05
  • jquery $(document).ready()和window.onload的区别浅析

    jquery $(document).ready()和window.onload的区别浅析

    这篇文章主要介绍了jquery $(document).ready()和 window.onload的区别浅析,本文总结了执行时间、编写个数不同、简化写法等不同的地方,需要的朋友可以参考下
    2015-02-02

最新评论