`
wenjinglian
  • 浏览: 812217 次
  • 性别: Icon_minigender_1
  • 来自: 株洲->深圳
社区版块
存档分类
最新评论

插入话题js

阅读更多
HTML代码:
<textarea id="target"></textarea>
<p><button id="btn">插入话题</button></p>
 
JS代码:
var $ = function(id){
    return document.getElementById(id);
};
$("btn").onclick = function(){
    var con = "请在这里输入自定义话题";
    //转载文字
    $("target").value += "#"+con+"#";
    var l = $("target").value.length;
    //创建选择区域
    if($("target").createTextRange){//IE浏览器
        var range = $("target").createTextRange();
        range.moveEnd("character",-l)         
        //range.moveStart("character",-l)              
        range.moveEnd("character",l-1);
        range.moveStart("character", l-1-con.length);
        range.select();
    }else{
        $("target").setSelectionRange(l-1-con.length,l-1);
        $("target").focus();
    }
};

http://www.zhangxinxu.com/study/201004/textarea-text-select-demo.html

分享到:
评论

相关推荐

    如何写一个发微博的页面(包括插入图片,插入表情,插入话题,插入Location)

    首先,我们需要一个用户界面(UI)设计,这通常包括一个输入框让用户撰写文字内容,以及附加功能的按钮,如“插入图片”、“添加表情”、“插入话题”和“选择位置”。在HTML中,我们可以使用`&lt;textarea&gt;`标签创建...

    Textarea在光标停留处插入文字

    标签“源码”表明这个话题可能涉及具体的代码实现,而“工具”可能意味着这些技术可以用于创建具有类似功能的网页应用或编辑器工具。 压缩包中的“光标处插入文字.html”文件可能是实现这一功能的一个示例网页,...

    仿微博#话题功能

    2. **话题选择与插入**:在前端界面,我们需要提供一个话题选择器,让用户能便捷地搜索和选择话题。这个功能可以通过下拉列表、自动补全或推荐系统来实现。用户选择话题后,系统应能将其插入到编辑框中,并以特定...

    文本批量插入链接

    【标签】:“文本批处理”标签表明这个话题是关于如何一次性处理大量文本数据,而不仅仅是单个文件或行。批处理是一种计算机程序设计技术,用于处理一组数据或执行一系列操作,而不需人工交互。在文本批处理中,这...

    JavaScript 广告图片轮播 JS

    JavaScript 广告图片轮播(JS)是一种常见的网页动态效果,用于展示多个广告图片并自动进行切换,以吸引用户注意力并提升用户体验。这种技术在网站设计中被广泛应用,特别是电商平台和企业官网,如淘宝商城。以下是...

    Echart生成图片插入到word

    在描述中提到的“Echart生成图片插入到word中”这一话题,我们将探讨如何利用ECharts生成的图表图片并将其集成到Word文档中。 首先,ECharts可以通过`chart.exporting()`方法生成SVG或PNG格式的图片。以下是生成...

    html5插入mp4视频文件

    本话题主要聚焦于HTML5如何插入MP4视频,以及与之相关的技术点。 在HTML5中,我们可以使用`&lt;video&gt;`标签来插入视频。这个标签提供了内联播放、暂停、控制以及多媒体资源管理等功能。基本的用法如下: ```html ...

    dtree实现动态插入

    本话题将重点讨论如何利用JavaScript实现决策树的动态插入功能,以及与之相关的`dtree`库。 首先,`dtree`库是用于创建交互式决策树图表的JavaScript工具,适用于Web应用程序。它允许开发者以HTML和CSS样式定义决策...

    插入数据库之前将特殊字符转义

    这篇博客“插入数据库之前将特殊字符转义”深入探讨了这个关键话题。 SQL注入是一种常见的网络攻击方式,攻击者通过输入包含恶意SQL代码的字符串,欺骗数据库执行非预期的操作。例如,如果用户输入未经过滤的“' OR...

    uniapp editor富文本 quill.min.js image-resize.min.js

    在本话题中,我们将深入探讨与"uniapp editor富文本 quill.min.js image-resize.min.js"相关的知识点。 首先,让我们关注"quill.min.js"。Quill是一个强大的开源富文本编辑器,它提供了一种灵活且易于使用的API,...

    js导出pdf和word

    "js导出pdf和word"是一个关键的话题,它涉及到JavaScript库和插件的使用,使得开发者能够在浏览器环境中直接将内容导出为PDF或Word文档,而无需服务器端的参与。这种功能极大地提升了用户体验,因为用户可以直接在...

    Java代码调用HTML5中的JS函数算法

    6. **JSONP(JSON with Padding)**:适用于同源策略限制的场景,Java服务器端返回一个回调函数调用,JS通过动态插入`&lt;script&gt;`标签来执行这个回调。 具体到给定的文件中,"des.html"可能是一个关于数据解密的HTML...

    第二十五讲、高亮微博话题、人名和显示表情

    总的来说,"第二十五讲、高亮微博话题、人名和显示表情"涵盖了前端开发中的文本处理、样式设计、动态内容插入以及可能的服务器交互等多个环节。通过学习这一讲,开发者可以提升自己在构建社交媒体应用时的能力,创建...

    《JavaScript与Jscript从入门到精通》[PDF]

    本书还介绍了许多深层话题,如CGI的基础、服务器中CGI脚本与客户JavaScript脚本的接口方式、LiveWire数据库服务、Netscape服务器中JavaScript应用程序的生成、Microsoft服务器脚本的编写、活动服务器页面(ASP)、...

    页面js生成验证码

    学习这个话题,我们需要掌握JavaScript基础,包括DOM操作、事件监听以及异步请求。同时,了解基本的HTML和CSS知识也是必要的,因为验证码通常会嵌入到网页的特定位置,并需要一定的样式设计。对于更复杂的验证码,...

    我自己写的可以触发事件,载入其他页面的JS

    标题中的“我自己写的可以触发事件,载入其他页面的JS”指的是一个自定义的JavaScript功能,它可以监听并响应特定的事件,并在事件触发时动态加载外部网页内容。不同于jQuery的`load()`方法,这个功能可能提供了更为...

    浏览器查看PDF文件(JS)

    总结来说,"浏览器查看PDF文件(JS)"这个话题涉及了JavaScript、jQuery和PDF在Web环境中的交互。通过jQuery,开发者可以轻松地将PDF文件集成到网页中,提供流畅的用户体验。同时,结合其他专门的JavaScript库,可以...

    抓取网页图片,css和js

    本话题主要关注如何抓取网页上的图片、CSS(层叠样式表)和JavaScript文件,以及处理CSS中内联的图片资源。下面将详细讨论这些知识点。 一、网页抓取基础 网页抓取通常通过网络爬虫实现,这是一种自动遍历互联网并...

    通用不间断滚动JS封装类

    "通用不间断滚动JS封装类"是这个话题的核心,它涉及到利用JavaScript实现页面元素的无限滚动效果,并将其封装成一个可复用的类。下面我们将深入探讨这个知识点。 首先,我们要理解什么是不间断滚动,也称为无限滚动...

    HTML+CSS+JAVAscript手册

    通过`XMLHttpRequest`对象发送HTTP请求,获取服务器数据,然后用JS处理并插入到页面中。 11. **框架和库**:现代Web开发常使用框架和库如jQuery简化JS操作,React.js和Vue.js用于构建复杂前端应用,Angular.js提供...

Global site tag (gtag.js) - Google Analytics