`
san_yun
  • 浏览: 2639567 次
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

textare 获取选中的文本

    博客分类:
  • HTML
 
阅读更多
 // Code for IE
    if (document.selection) 
    {
        textarea.focus();
        var sel = document.selection.createRange();
        //alert(sel.text);
        sel.text = tag1 + sel.text + tag2;
    }
    else 
    {  // Code for Mozilla Firefox
        var len = textarea.value.length;
        var start = textarea.selectionStart;
        var end = textarea.selectionEnd;
        var sel = textarea.value.substring(start, end);
        var rep = tag1 + sel + tag2;
        textarea.value =  textarea.value.substring(0,start) + rep + textarea.value.substring(end,len);
    }
分享到:
评论

相关推荐

    显示textare所输入字数

    `textarea` 字段是Odoo中用于长文本输入的字段类型,它通常在前端通过JavaScript进行交互增强。为了实现显示textarea输入字数的功能,我们可以遵循以下步骤: 1. **HTML结构**: 首先,我们需要创建一个包含`...

    用javascript获取textarea中的光标位置

    对于写javascript写网页编辑器的人来说,获取textarea中的光标位置是一个非常重要的问题,而往往很多人在这个地方不知所措,找不到好的办法。昨天我在网上找到了一段javascript代码,本来不想把原版放在这里的,就是...

    jquery根据name取得select选中的值实例(超简单)

    实例如下所示: <select name=region[province] id= class=region valid> 省、直辖市 北京市 </select> var province = $(select[name='region[province]']).val(); 取得textarea的值 ...$(#textare

    Textarea在光标停留处插入文字

    当事件触发时,获取用户输入的新文本,并在光标位置插入。以下是基于`input`事件的一个简单示例: ```javascript textarea.addEventListener('input', function() { var value = textarea.value; var cursorPos =...

    flex TextArea加链接和link事件

    在IT行业中,尤其是在Web开发领域,富文本编辑器(Rich Text Editor)是常见的用户界面组件,它允许用户创建和编辑带有格式的文本,比如插入链接、图片等。本篇文章将聚焦于Flex环境下如何在TextArea组件中添加链接...

    关于jquery input textare 事件绑定及用法学习

    ### jQuery事件绑定及input textare事件用法学习 #### jQuery绑定事件 随着jQuery的版本升级,从1.7版本开始,原有的bind方法已经被on方法替代。这种变化是为了使事件绑定更加灵活和高效。在使用bind方法时,事件...

    javascript 在线文本编辑器实现代码

    JavaScript在线文本编辑器是一种网页应用,它允许用户在浏览器中编辑和格式化文本,类似于Microsoft Word等桌面应用程序。实现这样的编辑器通常涉及到HTML、CSS和JavaScript的综合运用,特别是利用DOM(Document ...

    JS控制文本域只读或可写属性的方法

    而`disabled`属性则会使得文本域变得不可用,不仅用户不能修改文本内容,也无法选中文本或获得焦点。 在HTML代码中,给文本域添加`readonly`或`disabled`属性来控制其状态: ```html <!-- 只读状态 --> ...

    jQuery文本框(input textare)事件绑定方法教程

    目前1.7以上,jquery​的事件绑定已经用on替换了原来的bind,接下来为大家介绍下bind的使用方法及input textare事件,感兴趣的朋友可以参考下 (1)jquery 绑定事件 目前1.7以上,jquery的事件绑定已经用on替换了原来...

    CSS-Used-ChromeExt:获取所选DOM及其子级使用的所有CSS规则

    所选dom及其子级CSS规则将在正确的textare中列出。 您可以单击“预览”以查看具有清晰样式规则的所选零件。 常问问题 允许阅读我的浏览历史记录 参见 本地预览不正确 对于.wrap p{...}这样CSS规则,如果仅选择<p>...

    关于js对textarea换行符的处理方法浅析

    当我们尝试获取`textarea`的值时,`textarea.value`会包含这些`\n`字符。例如,以下是一个简单的`textarea`实例: ```html <textarea name="" id="textareaid" cols="30" rows="10"></textarea> ``` 要检查`...

    vue.js给动态绑定的radio列表做批量编辑的方法

    textare每一行都是一条数据,它的内部是根据回车来区分(break-word自动换行不算),每一行是一个对象,整体就是一个文本数组了,获取如下: var contents = $("#optionsArea").val().split("\n"); 获取到数组,他...

    网页设计中文本输入框的一些参数说明

    在一般的留言本,论坛等地方都要用到文本输入框,也就是html语言中的textarea,textare包含有众多的参数,学会运用这些参数,就可以随意修改文本输入框的大小和外观,达到你想要的效果,下面就来介绍这些参数,以及...

    把textarea中字符串里含有的回车换行替换成<br>的javascript代码

    代码中提到的`document.selection.createRange()`用于获取当前选区的文本范围,`document.selection.clear()`用于清除已选择的文本范围。三目复合表达式中的条件判断`txtobj.text==""`用于检查是否存在选区,如果...

    textarea不能实时保存及里面的值的获取的问题

    在使用textarea作为输入框的过程中发现textarea只支持 获取焦点、失去焦点和输入框行数变化等事件,并且只有在触发这几个事件之后才能获得textarea 里的内容 ,使得实时保存数据无法实现. 所以退而求其次,增加一个...

    JS清空多文本框、文本域示例代码

    !– function cls(){ var sum=0; var t = document.getElementsByTagName(“INPUT”); for (var i=0; i <t.length;i++){ if (t[i].type==’text’){ ++sum;... var t1 = document.getElementsByTagName(“textare

    前端uniapp表情插件

    【前端uniapp表情插件】是专为基于uniapp框架的前端开发设计的一款组件,用于在应用程序中集成和管理各种表情符号,提升用户在聊天、评论等交互场景下的体验。uniapp是一个多端开发框架,它允许开发者用一套代码编写...

    Vue实现动态显示textarea剩余字数

    Vue实现动态显示textarea剩余文字数量,具体内容如下 这里我们假设允许用户输入的最多数量为200个 ... <textarea maxlength="200" @input="descInput" v-model="desc" /> <span>{{remnant}}/200 ...

Global site tag (gtag.js) - Google Analytics