jQuery JavaScript之插入表情后光标自动在表情字符的后 - axl---专心专注于web前端开发 - ITeye博客

`

axl234

浏览: 273659 次
性别:
来自: 北京

最近访客更多访客>>

ShaLongBus

398466028

54931104

qq22903594

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

haixin3036： jQuery是一套跨浏览器的JavaScript库，简化HTM ...
jquery sizzle 选择器浅析
panshunchang：非常感谢分享，正找这东西呢。
基于jQuery的QQ表情插件
yuur369：不错。。。
移动端webapp开发必备知识

jQuery JavaScript之插入表情后光标自动在表情字符的后

博客分类：

jquery

JavaScript jQuery IE

阅读更多

if(typeof document.selection !== "undefined"){//IE
     $("#commentTextarea").focus();
     document.selection.createRange().text = "insertText";
    }else{
     $("#commentTextarea").val($("#commentTextarea").val() + "insertText").focus();
    }

就是这么简单！

分享到：

jQuery锚点跳转滚动条平滑滚动一句话代 | jQuery 1.4新功能

2011-05-16 14:30
浏览 827
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

jquery textarea插入gif动态QQ表情图片表单提交: 这会在textarea的当前光标位置插入表情。至于表单提交，当用户完成输入并点击提交按钮时，需要获取textarea的值，包括插入的表情。由于表达式是自定义的字符串，服务器端需要解析这些字符串来显示对应的gif图片。...

Jquery内容插入光标处插件: 3. **插入内容**：当获取到光标位置后，插件会使用JavaScript的`insertAdjacentHTML`方法或者通过创建`range`对象来在指定位置插入新内容。在jQuery中，这可能涉及到`beforeBegin`、`afterEnd`等定位参数。 4. **...

jQuery插件文本框、文本域光标处插入代码: 本主题聚焦于一个特定的jQuery插件，该插件允许开发者在文本框（`<input type="text">`）和文本域（`<textarea>`）中于光标位置插入代码或内容。这对于编辑器、代码编辑器或任何需要动态插入文本的场景来说是非常...

jquery 库表情插件: 1. **初始化**：在页面加载完成后，使用jQuery选择器找到表情面板和输入框元素，然后绑定事件监听器。 2. **创建表情面板**：可以使用HTML和CSS创建一个包含表情按钮的面板，每个按钮对应一个表情Unicode码。 3. **...

jquery 确定光标位置: 在实际应用中，掌握这些技巧可以帮助开发者创建更丰富的用户界面，例如在输入时自动完成、在错误发生时高亮显示错误位置，或者在用户输入特定字符时自动插入文本等。了解并熟练使用这些方法，是提升前端开发能力的...

输入框jq textarea表情插件特效: 在IT行业中，jQuery（简称jq）是一个广泛使用的JavaScript库，它极大地简化了JavaScript代码的编写，尤其是处理HTML文档、事件处理、动画设计以及Ajax交互。本文将深入探讨如何利用jQuery来实现一个带有表情插件的...

jQuery微博评论表情插件: `jQuery微博评论表情插件`就是一款专为这种需求设计的工具，它使得用户在发表评论时可以方便地插入各种表情，提升互动性和趣味性。 ### 一、jQuery基础 `jQuery`是一个轻量级的JavaScript库，它简化了HTML文档遍历...

jQuery获取和设置文本框光标: 在jQuery中，没有直接的方法来获取或设置光标位置，但我们可以利用JavaScript的原生API来实现这一目标。以下是一些关键知识点： 1. **获取光标位置**： - 使用`element.selectionStart`属性，它可以返回光标在...

jQuery文本框输入表情符号代码.zip: 开发者可以通过解析表情列表，结合JavaScript事件处理和DOM操作，创建一个互动的表情面板，让用户在文本框中方便地插入表情，提升用户体验。同时，借助成熟的jQuery插件，可以快速地在项目中集成这一特性，降低开发...

Javascript 获取光标位置: 这个功能可以帮助开发者精确地控制用户在文本输入框中的光标定位，例如在某些特定字符后插入文本或执行其他操作。在JavaScript中，获取光标位置主要有两种方式： 1. **基于`input`或`textarea`元素**：对于`...

jquery 打开层表情: 4. **插入表情**：当用户点击表情后，需要将其插入到当前光标所在的位置，这通常涉及到对输入框的 DOM 操作。 ```javascript function insertEmoticon(emoticon) { var input = $('textarea'); // 假设表情插入...

jQuery评论框插入QQ表情特效代码: 【jQuery评论框插入QQ表情特效代码】是一种在前端开发中常见的功能实现，它结合了JavaScript、ECMAScript和jQuery库，旨在为用户在评论输入框中提供类似QQ聊天中的表情选择和插入体验。这个功能在社交网站、博客、...

jquery实现微博分享评论表情.zip: 4. **插入表情**：回调函数中，获取用户点击的表情图片URL，然后利用jQuery的`insertAtCaret`方法将表情代码（通常是特殊的字符或短代码）插入到评论输入框的光标位置。 5. **动画效果**：为了提升用户体验，可以...

jquery实现在光标位置插入内容的方法: 在插入内容后，为了使光标回到插入点之后，将`selectionStart`和`selectionEnd`更新为插入值的长度，并同时更新文本框的内容。在IE中则通过更新`scrollTop`确保内容显示的正确性。为了进一步应用这个扩展方法，...

jQuery往textarea中光标所在位置插入文本的方法: 本文主要介绍如何使用jQuery在textarea元素中光标所在位置插入文本的技术，涉及到的操作和概念包括jQuery库的使用、文本框（textarea）的光标定位与操作、JavaScript中的字符串操作等。文章首先定义了jQuery的扩展...

javascript 光标定位例子: 总的来说，JavaScript光标定位是一项基础但重要的技术，广泛应用于各种富文本编辑器、表单验证以及各种交互式Web应用中。通过熟练掌握和运用这些技术，可以提升用户体验，使Web应用更加人性化和易用。

jquery实现点击插入标签源码: 在网页开发中，jQuery是一个非常流行的JavaScript库，它简化了DOM操作、事件处理以及动画制作。本篇文章将详细探讨如何使用jQuery实现一个功能，即在HTML文档中点击按钮后动态插入标签元素。这个功能在创建交互式...

jQuery实现在textarea指定位置插入字符或表情的方法: 此外，这个方法还可以进一步扩展，比如添加对Unicode表情的支持，或者在插入字符时进行格式化，如插入链接或图片。通过结合其他jQuery插件和库，可以构建更强大的富文本编辑工具。总的来说，jQuery的`...

jquery 聊天程序表情插件: 表情插件是聊天程序的一个重要组成部分，它允许用户在对话中插入预定义的表情符号，提高表达的生动性和趣味性。常见的实现方式有： 1. 图片表情：通过提供一系列预设的表情图片，用户点击即可插入到输入框中。 2. ...

JQuery在光标位置插入内容的实现代码: 本文将详细解释如何使用JQuery在光标位置插入内容，并展示实现代码。首先，我们了解不同浏览器处理光标位置和插入内容的方式。在Internet Explorer（IE）浏览器中，可以使用`document.selection`对象和`...

Global site tag (gtag.js) - Google Analytics