IE e.originalEvent.dataTransfer.setData 报错

最新推荐文章于 2021-10-25 15:15:15 发布
最新推荐文章于 2021-10-25 15:15:15 发布
阅读量1.5k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011135260/article/details/80581250
版权

错误1：意外地调用了方法或属性访问。
解决办法：
setData（key,value)的key只能从Text或者text取一个，我不知道还有没有其他合法的字符；

错误2： 参数无效。
setData（key,value) 显示的将value转换成字符串，不知道还能不能传别的，我传number的时候报错；

天涯苍狗
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
IE浏览器拖放事件e.dataTransfer.setData(key,value)报错
皎月明#离人泪
03-15 3978
问题：在做元素拖放时，用了html5的ondragstart（），ondrop（），ondragover（）方法，代码：/*开始拖放*/ function drag(evt) { evt.dataTransfer.setData("targetId", evt.target.id); } /*放*/ function drop(evt){ evt.preventDefault();
js自定义滚动条插件
Blog
04-14 2852
知识点 $.extend 方法 jQuery 事件命名空间 事件对象属性 : pageX 、 pageY 获得原生事件 : e.originalEvent 位置方法 : scrollTop、scrollLeft、scrollHeight、scrollWidth 、position 滚轮事件的处理 ：oEv.wheelDelta 、oEv.deltail 源码地址 演示地址 j...
DataTransfer(setData()方法)
jasojfosijfoids的博客
02-04 8812
先来看看 官方的解释 DataTransfer对象专门用来存储拖放时要携带的数据，它可以被设置为拖放事件对象的DataTransfer属性。—把拖动的数据存入其中 setData有两个参数： 1.第一个参数为携带数据的数据种类的字符串，只能填入类 似“text/plain”或“textml”的表示 MIME类型的文字 2.第二个参数为要携带的数据 目标元素使用getData（）方法 (1).目标元素接受到被拖放的元素后，执行getData()方法从DataTransfer里获取数据 (2).getD
用jQuery添加dragstart,dragover和drop事件，实现拖拽效果
weixin_44520259的博客
06-01 1万+
一、效果图 二、代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>拖拽事件</title> <style type="text/css"> div{ width:400px; height:3...
移动端双指缩放事件(原生)，e.originalEvent.touches
beichen3997的博客
05-08 1366
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>双指缩放事件</title> </head> <body> <div class="full-bgimg"> </div>...
Vue结合Html5中drag和drop实现拖拽与放置
wayhb的专栏
10-25 2041
目录概念Html5和Vue中关于拖拽的事件：Html5和Vue中关于放置的事件： 概念 推拽和放置是html5常用事件，利用Vue对事件的改造，实现一个从左边区域推拽元素，并放置到右边区域的功能 Html5和Vue中关于拖拽的事件： Html5 Vue 含义 备注 ondragstart 用户开始拖动元素时触发 ondrag 元素正在拖动时触发 ondragend 用户完成元素拖动后触发 Html5和Vue中关于放置的事件： Html5 Vue 含义 备注
jQuery鼠标滚轮控制幻灯片切换.zip
11-22
var delta = e.originalEvent.wheelDelta || -e.originalEvent.detail; // 获取滚轮方向，正值向上滚动，负值向下滚动 // 在这里添加切换幻灯片的逻辑 }); ``` 在处理滚轮事件时，我们需要判断滚轮向上还是向下...
jquery实现的滑动解锁.rar
最新发布
01-04
e.clientX : e.originalEvent.touches[0].clientX; var initialPos = slider.position().left; $(document).on('mousemove touchmove', function(e) { var moveX = e.type === 'mousemove' ? e.clientX : e....
jquery左右滚动切换.zip
11-24
var delta = event.originalEvent.wheelDelta || -event.originalEvent.detail; slideContent(delta > 0 ? 'left' : 'right'); }); // 触屏滑动事件 if ('ontouchstart' in window) { var touchStartX; ...
jQuery上下弹性切换Tab选项卡.zip
11-21
if (Math.abs(e.originalEvent.touches[0].clientY - lastTouchY) > 50) { if (e.originalEvent.touches[0].clientY ) { // 上滑动作，显示下一张Tab } else { // 下滑动作，显示上一张Tab } } }); $...
jQuery支持拖动图片上传预览代码.zip
09-21
var files = e.originalEvent.dataTransfer.files; // 处理文件，如预览、上传 }); ``` 四、图片预览 在用户拖放图片后，我们可以使用FileReader API读取文件内容，并通过`readAsDataURL()`方法将其转换为Base64...
vue 拖动 datatransfer 问题_HTML5 拖放API与Vue.js实战
weixin_42510900的博客
01-19 584
//每日前端夜话第466篇//正文共：3800字//预计阅读时间：12 分钟拖放 API 将可拖动元素添加到 HTML，使我们可以构建包含可以拖动的具有丰富 UI 元素的 Web 应用。在本文中我们将用 Vue.js 构建一个简单的看板应用。看板是一种项目管理工具，使用户可以从头到尾直观地管理项目。Trello、Pivotal Tracker 和 Jira 等工具都属于看板应用...
HTML5--拖放事件与dataTransfer对象
Meskjei的博客
04-04 1万+
文章目录简介拖放事件dataTransfer对象方法例子 简介 若不使用HTML5的拖放事件，我们仍可以通过mousedown、mousemove、mouseup这三个事件来实现页面元素被鼠标拖拽的效果。 然而这样实现的拖拽仅仅是交互上的，即只是显示上的变化，并没有什么实质性的功能。而HTML5中直接提供了拖放的API，只要通过监听元素的拖放事件就能实现各种拖放功能。 若要拖放某个元素，则必须将其...
关于HTML5拖放中dataTransfer.setData()的问题。
weixin_30294021的博客
11-02 2051
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-COMPATIBLE" content="IE=edge" > 6 <meta name="...
HTML5里拖放和dataTransfer的坑
monkeydie的博客
09-27 8886
记于：2017.9.27 e.dataTransfer.setData("key",e.target.id); ....... var data=e.dataTransfer.getData("key"); 如上，第一次使用dataTransfer的时候，以为按照JAVA的尿性，第一个参数想当然的当成keyvalue，也就是键值，是自己随意确定，然后再在getData里把keyva
DataTransfer对象的一些总结
热门推荐
高山上的鱼
09-21 2万+
11 Hello /*  document.getElementById("droptarget").ondragover=function(event) {   event.preventDefault(); };  document.getElementById("srcE").ondragstart=function(event) {  event.dataTrans
vue 拖动 datatransfer 问题_前端开发思路超详解（Vue组件篇）
weixin_31069599的博客
02-03 570
其实不管是什么框架，在开发中都有一些比较常规和通用的东西，那就是思想，接下来我将从以下三个点并基于vue开发一个Slider（滑条）组件，在这里我默认大家都会基本使用vue，若对vue相关概念还不是很清楚的可以转到，知乎的文档展示貌似对markdown不是很友好，大家可以直接转到Bennnis/slider查看文档介绍 — Vue.js​cn.vuejs.org概览步骤1. 组件抽象 (api设计...
var $dragImg = $('#dragImg'); var $box = $('#box'); $dragImg.on('dragstart', function(e) { e.originalEvent.dataTransfer.setData('text', e.target.id); }); $box.on('dragover', function(e) { e.preventDefault(); }); $box.on('drop', function(e) { e.preventDefault(); var data = e.originalEvent.dataTransfer.getData('text'); var $draggedImg = $('#' + data); $box.append($draggedImg); }); $draggedImg.on('dragstart', function(e) { e.originalEvent.dataTransfer.setData('text', e.target.id); }); }); $box.on('dragstart', 'img', function(e) { e.originalEvent.dataTransfer.setData('text', e.target.id); }); $box.on('dragend', 'img', function(e) { var data = e.originalEvent.dataTransfer.getData('text'); var $draggedImg = $('#' + data); $draggedImg.remove(); });上述代码有什么问题
05-31
e.originalEvent.dataTransfer.setData('text', e.target.id); }); $box.on('dragover', function(e) { e.preventDefault(); }); $box.on('drop', function(e) { e.preventDefault(); var data = e....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值