因此,Chrome devtools并未阻止javascript执行“拖动”。事件,这是正常的吗?
它会在页面上显示阴影叠加,并表示在断点处停止,但只要您继续拖动元素,javascript对拖动功能的调用就会继续,这使得调试第一次调用非常困难功能。
这是一个实际操作的例子
var ex = false;
function onDrag () {
debugger; //It doesn't stop javascript execution!
console.log(ex);
ex = true;
}
document.querySelector('div').addEventListener('drag', onDrag);

div {
width: 300px;
height: 300px;
background-color: orange;
}

<div draggable="true">Open chrome devtools and DRAG ME</div>
&#13;
var ex = false;
function onDrag () {
debugger; //It doesn't stop javascript execution!
console.log(ex);
ex = true;
}
document.querySelector('div').addEventListener('drag', onDrag);