ie11用不了html5,HTML5拖放不能在IE11上运行

应用HTML5原生拖放功能，drop不适用于IE，与chrome和firefox配合使用。

拖动似乎正在起作用，但对IE不感兴趣。

另一个小问题 - 在IE中，我的可拖动元素周围有一个半透明的方块，但它的背景是透明的(图像是这样完成的)，在chrome / firefox上我没有那个方块，图像看起来没有任何拖动时的背景。

这是下降区域：

这是可拖动的元素：

function drag_start(e)

{

e.dataTransfer.effectallowed = 'copy';

e.dataTransfer.dropEffect = 'copy';

e.dataTransfer.setData("text/plain", e.target.getAttribute('id'));

}

function drag_enter(e) {

if (e.target.getAttribute('data-droppable') == 'true') {

e.target.style.backgroundImage = "url(images/board_cell_background_highlight.png)";

}

function drag_leave(e) {

if (e.target.getAttribute('data-droppable') == 'true') {

e.target.style.backgroundImage = "url(images/board_cell_background.png)";

}

function drag_drop(e) {

var element = e.dataTransfer.getData("Text"); // the player

if (e.preventDefault) {

e.preventDefault();

}

if (e.stopPropagation) {

e.stopPropagation();

}

if (e.target.getAttribute('id') == "player1" || e.target.getAttribute('id') == "player2") {

alert("invalid Move");

return false;

}

e.target.style.backgroundImage = "url(images/board_cell_background.png)";

moveHandler(element, e.target.getAttribute('id'));

}

function drag_end(e) {

e.dataTransfer.effectallowed = 'copy';

alert("drop end")

}

我删除了一些打印内容的代码，以使代码更短。

ie11用不了html5,HTML5拖放不能在IE11上运行相关推荐

【HTML5初探之绘制图像（上）】看我canvas元素引领下一代web页面
弧度一块可能有误,需要再研究导航 [初探HTML5之使用新标签布局]用html5布局我的博客页! [HTML5初探之form标签]解放表单验证.增加文件上传.集成拖放 [HTML5初探之绘制图像(上 ...
使用jQuery开发一个基于HTML5的漂亮图片拖拽上传web应用
昨天我们介绍了一款HTML5文件上传的jQuery插件:jQuery HTML5 uploader,今天我们将开发一个简单的叫upload center的图片上传程序,允许用户使用拖拽方式来上传电脑上 ...
html ajax打包成app,利用HTML5与ajax完成拖拽上传文件
前言基于ajax的异步模式的上传控件,基本功能如下: 拖拽上传(利用HTML5新增特定拖拽事件以及 event的dataTransfer属性) 单文件/多文件切换(利用php实现单/多文件上传) ...
html5画布可以p图,HTML5图像适合发布在画布上
我正在研究HTML5移动应用程序.我正在使用画布元素和文件上传元素. 每当用户从手机上点击这个文件上传元素.他看到两种选择. 1.选择现有的照片 2.拍摄新照片HTML5图像适合发布在画布上如果他选 ...
j2ee html5,HTML5+J2EE实现文件异步上传
P.S. HTML5经过了W3C的8年努力,终于正式推广了.这次升级最大的就是升级了XMLHTTPRequest,让它变成了XMLHTTPRequest Level II(这有啥奇怪的?).这个对象现 ...
平板电脑支持html吗,HTML5视频无法在平板电脑上播放(HTML5 video not playing on tablets)...
HTML5视频无法在平板电脑上播放(HTML5 video not playing on tablets) 下午好,我早些时候发布了一些内容,但仍然需要帮助. 我有一个Nexus 7和一个IPad2. ...
html旋转线条,html5 – 为什么我在移动浏览器上看到旋转的条纹？
我正在轮播一个2D画布,在桌面上效果很好,但移动空间中有一个小问题.这是一个放大截图: 拇指图像在500ms的过程中旋转约0.2rad.我认为所有的相关代码都在下面.你可以看到,图像的每个顶角都有一些 ...
HTML5定稿了，终于有一种编程语言开发的程序可以在Android和IOS两种设备上运行了
过去这些年,HTML5 颠覆了 PC 互联网的格局,优化了移动互联网的体验,接下来,HTML5 将颠覆原生 App 世界.这听起来有点危言耸听,但若认真分析 HTML5 的发展史,你会发现,这个世界的 ...
html5 footer header,html-5 --html5教程article、footer、header、nav、section使用
header header元素是一种具有引导和导航作用的辅助元素.通常,header元素可以包含一个区块的标题(如h1至h6,或者hgroup元素标签),但也可以包含其他内容,例如数据表格.搜索表单或 ...

ie11用不了html5,HTML5拖放不能在IE11上运行

ie11用不了html5,HTML5拖放不能在IE11上运行相关推荐

最新文章

热门文章