在光标处插入字符(兼容IE&FF)

最新推荐文章于 2024-08-14 15:45:18 发布
最新推荐文章于 2024-08-14 15:45:18 发布
阅读量91 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/059212315/archive/2011/06/03/2072125.html
版权

<html>
<head>

    <script>
        function AddText(str) {
            var ubb = document.getElementById("text1");
            var ubbLength = ubb.value.length;
            ubb.focus();
            if (typeof document.selection != "undefined") {
                document.selection.createRange().text = str;
            }
            else {
                ubb.value = ubb.value.substr(0, ubb.selectionStart) + str + ubb.value.substring(ubb.selectionStart, ubbLength);
            }
        }

 

        function Underline() {
            var tUnderline = prompt("请输入要设置的下划线文字\n标签:[u][/u]", "")//
            if (tUnderline == "" || tUnderline == null) {
                return;
            }
            tUnderline = "[u]" + tUnderline + "[/u]"
            AddText(tUnderline);
        }

        var lastFocusObj;
        function setlastFocusObj(obj) {
            lastFocusObj = obj;
        }

    </script>

</head>
<body>
    <textarea id="text1" cols="40" rows="8"></textarea>
    <a href="javascript:Underline();void(0)">下线线</a>
</body>
</html>

转载于:https://www.cnblogs.com/059212315/archive/2011/06/03/2072125.html

aol94890
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript在一段文字中的光标处插入其他文字
10-30
javascript在一段文字中的光标处插入其他文字
根据光标位置在字符中插入新的字符
flylyke的专栏
07-14 1502
写的比较乱,各位看官就将就吧 function tellPoint() { var rng = event.srcElement.createTextRange(); rng.moveToPoint(event.x, event.y); rng.moveStart("character", -event.srcElement.value.length) pnum.value = rng.text.
javascript控制在光标位置插入文字
06-07 7466
直接上代码吧，用js控制在光标位置插入。 在实现表情的插入时用到了。 function test(str){ var tc = document.getElementById("mytextarea"); var tclen = tc.value.length; tc.focus(); if(typeof document.selection != "u
在光标处插入字符串的实现代码兼容IE,Firefox
xul2009的专栏
09-13 561
复制代码 代码如下: // 在光标处插入字符串 // myField 文本框对象 // 要插入的值 function insertAtCursor(myField, myValue) { //IE support if (document.selection) { myField.focus(); sel = document.selection.crea
在文本框的光标处插入指定的文本（兼容IE6和Firefox）
touchinsert
08-13 126
&lt;! DOCTYPEhtmlPUBLIC " -//W3C//DTDXHTML1.0Transitional//EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd " &gt; &lt; htmlxmlns = " http://www.w3.org/1999/xhtml " &g...
在光标处插入字符串的实现代码 兼容IE,Firefox
12-01
在网页开发中，有时我们需要实现一个功能，...通过以上代码，我们可以实现在不同浏览器中，在光标位置插入字符串的功能，从而提高网页的用户体验和兼容性。这个功能在各种在线编辑器、表单填写等场景中都有广泛的应用。
javascript实现 在光标处插入指定内容
10-30
javascript实现 在光标处插入指定内容 javascript是一种广泛应用于网页开发的脚本语言，它可以实现很多有趣和实用的功能。今天，我们来学习如何使用javascript实现在光标处插入指定内容。 在上面的代码中，我们...
textbox 在光标位置插入字符功能的js实现(兼容ie,firefox)
10-29
在JavaScript中，实现一个在文本框（`<textarea>`）中光标位置插入字符的功能，需要考虑到不同浏览器的兼容性问题。主要涉及到两种主要的浏览器：Internet Explorer (IE) 和非IE浏览器，如Firefox。IE浏览器使用的是...
js在当前光标处插入特定字符 兼容ie、火狐、谷歌、360、NETSCAPE等浏览器
中草药代码
06-03 1565
js在当前光标处插入特定字符: 在网上看到好多文章介绍的很麻烦，而且又不好用，这里最简便的就是： document.all("sendNoRegex").focus(); var sel = document.selection.createRange(); sel.text='"年份"'; 以下是我在实际应用中的一个实例： func
在光标位置插入字符实例
shylhd的专栏
08-13 914
1  指定某文本部分进行操作（添加，删除，替换） &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt;&lt;HTML&gt; &lt;HEAD&gt;  &lt;TITLE&gt; New Document &lt;/TITLE&gt;  &lt;META NAME="Generator" CO
html文本框光标位置,html的文本框显示光标 如何在htmlText文本框光标处插入字符...
weixin_36117191的博客
06-03 1530
HTML 如何设置文本框中光标位置和光标居中我写样式，把文本框的宽度加大了。但是光标位置在上面。html怎么让文本框的光标出现在内容最后HTML如何在打开页面时将光标定位在某个文本框HTML5的“autofocus”属性可以直接完成：html input标签怎么让光标和输入框左边有点距离每次点到input输入框 光标都在输入框的最前面 怎么能让光标与输入框左边input type="text" n...
在页面光标处插入指定字符串的具体实现，可直接引用
xuhangRS的博客
10-30 866
//方法一：在光标处插入指定字符串的具体实现 function insertAtCursor1(myValue) { var myField = document.getElementById('ruleConfig'); //IE 浏览器 if (document.selection) { myField.focus(); sel = docume...
工作笔记---jQuery在可编辑的div光标处插入内容 兼容IE，火狐，谷歌
u012829158的博客
05-30 1702
jQuery方法 $.fn.insertText = function(text) {     var obj = $(this)[0];     var range, node;     if (!obj.hasfocus) {         obj.focus();     }          if (document.selection && document.sel
可编辑的DIV（兼容IE8）以及插入内容到光标位置
canlynetsky的博客
12-19 2118
在做web版聊天程序时，往往需要将一个DIV设置为可编辑状态，并且可以插入表情。 插入表情时，不仅仅是在输入的文字最后追加表情，还可能在输入文本的中间，即光标位置插入表情（光标后还有文本）。 另外，还需要保证粘贴进来的文字必须是纯文本，不然百度搜索一篇文章粘贴进来，就太乱了。我们希望输入的文本都是纯文本，只有最基本的p标签或div标签。 通过各种百度搜索，我在项目中成功实施。 现将项目中的技
点击鼠标在textarea中光标当前位置插入指定字符
struggle_xu
06-19 4267
function insertText(obj,str) { //obj为textarea 元素，str为要插入字符 if(Switch == 1){ if (document.selection) { var sel = document.selection.createRange(); sel.text = str; set
Element学习（布局组件、案例操作）（4）
m0_74363339的博客
08-08 437
value：表示输入的值，提交表单后传给服务器的值——>"男"表示1，"女"表示2。定义数据模型时，对象要使用大括号。像这里searchForm: {....}3、这一步之后的效果展示（只是空有一个布局——>目前还没有任何的内容）2、找到这种布局对应的代码（复制——>粘贴到标签<div>中）5、 在主展示区域的上方添加"员工查询"的（且独占一行）表单。还有一个当点击"查询"按钮时，会触发一个方法，也要去声明。7、给表格增加一个边框——>加入border属性即可。6、日期选择器——>(官网中组件中找)
Arco Design for Vue 3 - 快速上手指南与实战技巧
qq_42072014的博客
08-11 507
如果你在使用 TypeScript 时遇到了类型定义问题，确保你安装了正确的类型包，并且版本与 Arco Design 的版本相匹配。Arco Design for Vue 3 是一个非常强大的 UI 框架，它不仅提供了丰富的组件和功能，还有完善的文档和支持。通过本文，你已经掌握了如何快速上手 Arco Design，并学会了一些实用的技巧来提升你的开发效率。希望这些经验能帮助你在 Vue 3 的开发过程中更进一步！
vue3进阶用法之通过调用函数动态加载组件用法及示例
最新发布
wz9608的博客
08-14 214
vue官方文档那边虽然说了函数的使用方法，但没有列举这种业务场景。这里只是做一个简单的实例，其实可以通过这种方法实现其他更多的功能，比如说modal框等等等。
vue输入框实现鼠标光标处插入字符串
03-09
可以使用JavaScript中的selectionStart和selectionEnd属性来获取光标位置，然后使用字符串的splice方法插入新的字符串。具体实现可以参考以下代码： ``` <template> <div> <input type="text" v-model="inputValue" @click="handleClick" ref="input" /> </div> </template> <script> export default { data() { return { inputValue: '', }; }, methods: { handleClick() { const input = this.$refs.input; const startPos = input.selectionStart; const endPos = input.selectionEnd; const newStr = '插入的字符串'; this.inputValue = this.inputValue.slice(, startPos) + newStr + this.inputValue.slice(endPos); input.selectionStart = startPos + newStr.length; input.selectionEnd = startPos + newStr.length; }, }, }; </script> ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值