可编辑DIV，输入图片

最新推荐文章于 2024-06-05 09:48:59 发布

w695137400

最新推荐文章于 2024-06-05 09:48:59 发布

阅读量691

点赞数

本文链接：https://blog.csdn.net/w695137400/article/details/53234317

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>可编辑DIV</title>
    <style type="text/css">
        div {
            min-width: 471px;
            min-height: 305px;
            border: solid 1px;
        }
    </style>

    <script type="text/javascript" src="./jquery.js"></script>
</head>
<!--设置div的  contenteditable="true"  即可让div成为可编辑的div，效果类似于文本框-->
<div contenteditable="true">
    <!--此处可编辑-->
</div>
<body>
</body>
<script type="text/javascript">
    /**
     * 设置粘贴监听事件
     */
    document.body.addEventListener('paste', function (e) {
        var reader = new FileReader();//监听文件流
        var clipboard = e.clipboardData;
        reader.onload = function (evt) {
            var img = docum

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

w695137400

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
可编辑DIV，输入图片

可编辑DIV div { min-width: 471px; min-height: 305px; border: solid 1px; } /** * 设置粘贴监听事件 */ document.body
复制链接

扫一扫