html5游戏无法正常运行,拖放HTML5无法正常工作?

我想了解html5的拖放操作,我可以让它拖动,并让拖动的元素接受它。然而,我不能得到ondrag或ondragenter,或者至少是那些事件调用的函数我不确定我做错了什么。拖放HTML5无法正常工作?

Week 3 Drag and Drop

Week 3 Drag and Drop

id="obj1"draggable="true">

id="obj3"draggable="true">

οndragοver="allowDrop(event)" οndragenter="setBorder(event,'5px')"

οndragleave="setBorder(event,'2px')" οndrοp="drop(event)">

那么这里就是我的JS:

function drag(evt){

evt.dataTransfer.setData("color", ev.target.background);

}

function allowDrop(evt){

evt.preventDefault();

}

function drop(evt){

evt.preventDefault();

var color = evt.dataTransfer.getData("color");

evt.currentTarget.style.background = color;

}

function setBorder(evt,size){

evt.currentTarget.border = (size +"solid black");

}

+0

对不起大家透水js代码是错误的文件。我在问题中更新了它。 –

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值