回答編集履歴

1 調整

yambejp

yambejp score 54099

2019/05/23 13:26  投稿

つかめるイベント
```javascript
<script>
["mousedown","mousemove","mouseup","dragstart"].forEach(function(x){
 document.addEventListener(x,function(e){
   e.stopPropagation();
   console.log(e.type);
 },false);
});
</script>
<div style="background-Color:red;width:100px;height:50px" draggable="true">drag me!</div>
<div style="background-Color:yellow;width:100px;height:50px">can't drag</div>
```
```
draggableなHTML要素は
mousedown,mousemove,dragstart,mousemove,mouseup
という順にイベントが拾えます

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る