问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

html5,drag and drop 拖拽出错

头像
jonnypeng
    27734257
    <body>
    <div id="content">
        <div id="source">
            <div id="touch-source" draggable="true" ondragstart="drag(event)">
                <span class="title">景点</span>
            </div>
    </div>
        <div id="target" ondrop="drop(event)" ondragover="allowDrop(event)">
        </div>
    </div>        
    <script>
            function drag(ev){
                ev.dataTransfer.setData("Text",ev.target.id);
            };

            function allowDrop(ev){
                ev.preventDefult();
            };
            function drop(ev){
                ev.preventDefault();
                var data = ev.dataTransfer.getData("Text");
                ev.target.appendChild(document.getElementById(data));
            };

    </script>
</body>

    报错：TypeError: ev.preventDefult is not a function

    javascripthtml5html
    阅读 3.2k
    3 个回答
    得票最新
    头像
    livehere
      504
      ✓ 已被采纳

      TypeError: ev.preventDefult is not a function 意思就是ev.preventDefult写错了。

      头像
      leftstick
        27.3k33329

        因为你的字写错了，应该是:

        function allowDrop(ev){
   ev.preventDefault();
}

        你少了a

        头像
        xzavier
          7.1k417

          TypeError: ev.preventDefult is not a function 根据错误提示就知道是ev.preventDefult写错了，其实仔细想一下这个提示你应该就恍悟了。改对了就可以拖拽了，已试。

          <!DOCTYPE html>
<head>
    <title>test</title>
</head>
<body>
    <div id="content">
        <div style="width: 100px;height: 100px;background: orange;" id="source">
            <div id="touch-source" draggable="true" ondragstart="drag(event)">
                <span class="title">景点</span>
            </div>
        </div>
        <div style="width: 100px;height: 100px;background: #ec1611;" id="target" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
    </div>        
    <script>
            function drag(ev){
                ev.dataTransfer.setData("Text",ev.target.id);
            };

            function allowDrop(ev){
                ev.preventDefault();
            };
            function drop(ev){
                ev.preventDefault();
                var data = ev.dataTransfer.getData("Text");
                ev.target.appendChild(document.getElementById(data));
            };

    </script>
</body>
          撰写回答
          你尚未登录，登录后可以
          • 和开发者交流问题的细节
          • 关注并接收问题和回答的更新提醒
          • 参与内容的编辑和改进，让解决方法与时俱进
          推荐问题