在Chrome中,拖拽事件会被触发并记录到控制台中。而在Firefox和IE中不会。
<html>
<head>
<style>
#d {
width:20px;
height:20px;
background-color: red;
}
</style>
</head>
<body>
<div id="d" draggable="true"></div>
<script>
d = document.getElementById('d');
d.addEventListener('dragstart', function(e){
console.log("dragstart:", e);
});
d.addEventListener('drag', function(e){
console.log("drag:", e);
});
</script>
</body>
</html>
示例程序:http://jsfiddle.net/korimako/e1wqafyr
我该如何设置一个div元素,以便正确地分派并监听拖动事件?