关于h5拖拽

有没有h5的大神能帮忙找找问题。。。。。,这个拖拽为什么在谷歌可以用,火狐拖拽不起效果,。还有就是在拖拽的过程中ev.target的id或者什么attr的属性都不能获取嘛?

有大神能帮忙看下嘛(>﹏<)
灰常灰常感谢~~ ( ̄﹏ ̄) 

var tgt=document.getElementsByClassName('biaoqian_content')[0];//被拖区域
    var box=document.getElementsByClassName('biaoqian_guanzhu')[0];//进入区域
    var tu=null,ttt;
    var tu2=document.createElement('img');
    tu2.src='/style/home/images/tuo2.png';
    //拖拽目标事件
    tgt.ondragstart=function(ev){//按下开始时触发
        // ev.target.className='red';
        tuo_tu=ev.target;
        alert($(tuo_tu).attr('class'))
            // alert($(this).attr('cateid'))
        tu=ev.target.cloneNode(true);
        ev.dataTransfer.setData('Text',ev.target.alt);
        ev.dataTransfer.setDragImage(tu2,20,12);
    }
    tgt.ondrag=function(ev){//过程中触发
        
    }
    tgt.ondragend=function(ev){//停止时触发
        
    }
    box.ondragenter=function(ev){//对象进入时触发
        ev.preventDefault();
        box.style.borderColor='red';
    }
    box.ondragover=function(ev){//在投放区移动时触发
        ev.preventDefault();
    }
    box.ondragleave=function(ev){//被拖出区域时触发    
        ev.preventDefault();
        box.style.borderColor='#ccc';
    }
box.ondrop=function(ev){//拖拽到投放区触发
        ev.stopPropagation();
            
        // alert(ev.target.nodeName.toLowerCase())
        // console.log(ev.target)
        // console.log(ttt)
        // console.log(ev.target.nodeName.toLowerCase())
        if(ev.target.nodeName.toLowerCase()=='button'){
            // console.log(ev.target.nodeValue)
            console.log(ttt)
            box.insertBefore(ttt,ev.target.parentNode);
            
        box.style.borderColor='#ccc';
        }else{
            var this_=this;
            
            for (var i = 0; i < $('.biaoqian_guanzhu button').length; i++) {
                if ($('.biaoqian_guanzhu button').eq(i).text()==$(tu).text()){
                    return false
                }
            };
            // console.log(tu.innerHTML)
            // console.log($(tu).attr('class'));
            box.appendChild(tu);
        box.style.borderColor='#ccc';
        }
    }
//拖出去
    //拖拽目标事件
    box.ondragstart=function(ev){//按下开始时触发
        // ev.target.className='red';
        ttt=ev.target;
        console.log(ttt)
        ev.dataTransfer.setData('Text',ev.target.alt);
        ev.dataTransfer.setDragImage(tu2,25,20);
    }
    box.ondrag=function(ev){//过程中触发
        
    }
    box.ondragend=function(ev){//停止时触发
        
    }
    tgt.ondragenter=function(ev){//对象进入时触发
        ev.preventDefault();
    }
    tgt.ondragover=function(ev){//在投放区移动时触发
        ev.preventDefault();
        

    }
    tgt.ondragleave=function(ev){//被拖出区域时触发    
        ev.preventDefault();
    }
    tgt.ondrop=function(ev){
        ttt.remove();
    }    
阅读 2k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题