javascript控制在光标位置插入文字适合表情的插入
更新时间：2014年06月09日 10:06:22 作者：
使用javascript控制在光标位置插入文字，在实现表情的插入时会用到的,需要的朋友可以参考下
直接上代码吧，用js控制在光标位置插入。
在实现表情的插入时用到了。
<span style="font-size:18px;"><html>
<head>
<script type='text/javascript'>
function test(str){
var tc = document.getElementById("mytextarea");
var tclen = tc.value.length;
tc.focus();
if(typeof document.selection != "undefined")
{
document.selection.createRange().text = str;
}
else
{
tc.value = tc.value.substr(0,tc.selectionStart)+str+tc.value.substring(tc.selectionStart,tclen);
}
}
</script>
</head>
<body>
<textarea rows=5 name=s1 cols=27 id="mytextarea">目的通过点击页面上的按钮button 在textarea中的光标停留处插上文字 </textarea>
<input type=button onclick="test('这是需要加入的文字')" />
</body>
</html>
</span>
在实现表情的插入时用到了。
复制代码 代码如下:
<span style="font-size:18px;"><html>
<head>
<script type='text/javascript'>
function test(str){
var tc = document.getElementById("mytextarea");
var tclen = tc.value.length;
tc.focus();
if(typeof document.selection != "undefined")
{
document.selection.createRange().text = str;
}
else
{
tc.value = tc.value.substr(0,tc.selectionStart)+str+tc.value.substring(tc.selectionStart,tclen);
}
}
</script>
</head>
<body>
<textarea rows=5 name=s1 cols=27 id="mytextarea">目的通过点击页面上的按钮button 在textarea中的光标停留处插上文字 </textarea>
<input type=button onclick="test('这是需要加入的文字')" />
</body>
</html>
</span>
相关文章
这篇文章主要介绍了使用JS函数实现网页标题(title)闪动效果的代码,需要的朋友可以参考下2014-05-05
这篇文章主要介绍了微信小程序修改swiper默认指示器样式的实例代码,代码块是从微信开发文档中心复制的代码块，在此基础上修改官方swiper样式，需要的朋友可以参考下2018-07-07
JS类中定义原型方法的两种实现的区别...2007-03-03
如果想实现可选择和输入的下拉列表框，那么下面有个不错的示例，希望大家可以参考下2013-11-11
JSONP(JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题,这篇文章主要给大家介绍了关于JSONP跨域请求原理的相关资料,需要的朋友可以参考下2022-01-01
本篇文章主要介绍了webpack 多入口配置 ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-06-06
这篇文章主要为大家详细介绍了JS实现拖拽效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
这篇文章主要介绍了微信小程序封装网络请求和拦截器实战步骤，这样可以提高开发效率，减少代码重复，同时也可以提高代码的可维护性和可读性2023-03-03
这篇文章主要为大家详细介绍了js实现图片淡入淡出效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
js实现把时间戳转换为yyyy-MM-dd hh:mm 格式(es6语法)
下面小编就为大家分享一篇js实现把时间戳转换为yyyy-MM-dd hh:mm 格式(es6语法)，具有很的参考价值，希望对大家有所帮助2017-12-12
最新评论