html5 拖拽 父元素,javascript – 如何实现拖放,拖动子元素将拖动整个父元素

您可以将ondragstart事件的处理程序设置为false,如下所示：

function drag(e) {

console.log(e);

}

var images = document.getElementsByTagName('img');

for(i = 0 ; i < images.length; i++)

images[i].ondragstart = function() { return false; }

在控制台输出上,您可以看到：

>> DragEvent {isTrusted: true, dataTransfer: DataTransfer, screenX: 66, screenY: 161, clientX: 66…}

UPDATE

通过如上所述的html属性在父元素上设置拖动事件处理程序,或者通过代码附加事件侦听器,如下所示：

document.getElementById('draggable').addEventListener('dragstart', function(e) {

console.log(e);

});