首页 / JQUERY / jquery-焦点定位追加内容

jquery-焦点定位追加内容

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jquery-焦点定位追加内容，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1968字，纯文字阅读大概需要3分钟。

内容图文

 

 

            <!
            DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
            >
            <
            html 
            xmlns
            ="http://www.w3.org/1999/xhtml"
            >
            <
            head
            >
            <
            meta 
            content
            ="text/html; charset=utf-8"
             http-equiv
            ="Content-Type"
            >
            <
            script 
            type
            ="text/javascript"
             src
            ="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"
            ></
            script
            >
            <
            title
            >contenteditable</title><style>

*{

 margin:0;padding:0;}

.im-message-area{

 width:98%;

 padding:2px;

 height:75px;

 border:#000 solid 1px;

 background:#fff;

 font:12px/20px arial,"5b8b4f53";

 word-wrap:break-word;

 overflow-y:auto;

 line-height:1;}

.ul{display:none;}

.ul li{

 background-color:#CCC;

 width:50px;}</style><script language="javascript" type="text/javascript">function inimage(text){

 var obj= $(".im-message-area")[0];

 var range, node;

 if(!obj.hasfocus) {

  obj.focus();

 }

    if (window.getSelection && window.getSelection().getRangeAt) {

        range = window.getSelection().getRangeAt(0);

  range.collapse(false);

        node = range.createContextualFragment(text);

  var c = node.lastChild;

        range.insertNode(node);

  if(c){

   range.setEndAfter(c);

   range.setStartAfter(c)

  }

  var j = window.getSelection();

  j.removeAllRanges();

  j.addRange(range);

  

    } elseif (document.selection && document.selection.createRange) {

        document.selection.createRange().pasteHTML(text);

    }

}

$(document).ready(function(){

 $(‘#button‘).click(function(){

  $(‘.ul‘).show();

 })

 $(‘.ul li‘).each(function(){

  $(this).click(function(){

   inimage($(this).text());

  }) 

 })

});

</script></head><body><div contenteditable="true" id="im_message_area" class="im-message-area"><br></div><a href="javascript:void(0)" id="button">按钮</a><ul class="ul"><li>(笑)</li><li>(哭)</li><li>(乐)</li></ul></body></html>

 

原文：http://www.cnblogs.com/hwaggLee/p/4728078.html

内容总结

以上是互联网集市为您收集整理的jquery-焦点定位追加内容全部内容，希望文章能够帮你解决jquery-焦点定位追加内容所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1210643.html

来源：【匿名】