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

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);
    }
分享到:
评论

相关推荐

    vue结合html实时截取textarea文本

    这个简单的Vue与HTML结合的示例展示了如何在用户输入时实时获取textarea中的选中文本和光标位置。在实际项目中,你可以根据需求扩展这个功能,比如增加字符计数、格式检查或其他高级功能。通过Vue.js的强大功能和...

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

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

    显示textare所输入字数

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

    Textarea在光标停留处插入文字

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

    用javascript获取textarea中的光标位置

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

    textarea全屏代码.zip

    在网页设计中,`textarea` 是一个非常常见的元素,它用于收集用户输入的多行文本。全屏代码指的是将 `textarea` 扩展至浏览器窗口的全屏模式,以提供更舒适的编辑体验,特别是对于编写大量文本或者代码的场景。在本...

    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替换了原来...

    关于textarea提交的内容无法换行的解决办法

    在网页开发中,`textarea` 元素常用于收集用户输入的多行文本。然而,一个常见的问题是在用户提交 `textarea` 内容时,原始输入的换行符(通常是 `\n`)在显示到页面上时并不会被浏览器识别为换行,导致所有文本显示...

    jquery-numberedtextarea:带有行号的响应文本区域

    jquery-numberedtextarea 带有行编号的响应文本区域。基本用法$('#your_textarea').numberedtextarea();选项$('#your_textarea').numberedtextarea({ color: null, // Font color borderColor:null, // Border color...

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

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

    textarea框增加行号效果

    在网页开发中,`textarea` 是一个常用的元素,用于接收用户输入多行文本。然而,原始的 `textarea` 没有内置的功能来显示行号,这对于需要进行代码编辑或者查看多行文本的场景来说不够友好。为了提高用户体验,...

    textarea显示行号

    在前端开发中,给`textarea`元素添加行号功能是一个常见的需求,特别是在代码编辑器或者文本编辑器的实现中。`textarea-line-number`是一个JavaScript插件,专门用于为`textarea`提供显示行号的功能,提高了用户体验...

    关于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"); 获取到数组,他...

Global site tag (gtag.js) - Google Analytics