Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
<div data-DragFlag
     onmousedown="drag(event)"><input type="text"></div>
</body>
</html>
 
function drag(e){
  console.log(e.target.attributes)
  if(e.target.attributes["data-dragflag"]){
    //判断当前是否为可拖拽的父元素
    
    //为其添加可拖拽属性
    e.target.draggable = true;
    console.log(e);
    
    
    /* TODO: 此处为e.target.ondrag之类的事件添加handle */
    
    
    //最后需要解除父元素的dragable属性,以免第二次点击到input的时候依然产生拖拽。
    //此操作应该也可以放到onmouseup,效果类似
    e.target.ondragend = ()=>{
      e.target.draggable = false;
    }
  }else{
    
  }
}
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers