文本框插入表情和图片

最新推荐文章于 2021-06-03 15:56:16 发布

xiaosheng_papa

最新推荐文章于 2021-06-03 15:56:16 发布

阅读量5.4k

点赞数 3

分类专栏： div+css 文章标签： js javascript

本文链接：https://blog.csdn.net/xiaosheng_papa/article/details/40820213

版权

div+css 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<span style="font-size:18px;"><html>
	<title>文本框插入表情和图片</title>
	<script language ="javascript" type="text/javascript">
		function InsertPic(picpath)
		{
			var editor = document.getElementById('txtContent'); 
			var img = document.createElement('img'); 
			img.src = picpath;
			editor.appendChild(img);  
		}
	</script> 
<body>
	<div>表情：
          <img src="img/1.gif" οnclick="InsertPic(this.src);"/>
          <img src="img/2.gif" οnclick="InsertPic(this.src);"/>
          <img src="img/3.gif" οnclick="InsertPic(this.src);"/>
          <img src="img/4.gif" οnclick="InsertPic(this.src);"/>
	  <img src="img/5.gif" οnclick="InsertPic(this.src);"/>
	  <img src="img/6.gif" οnclick="InsertPic(this.src);"/>
        </div>
       <textarea id="txtContent" cols="50" rows="10" runat="server">向textarea插入图片：</textarea> 
</body>
</html></span>

效果如下：