aタグはdragstartイベントの発火が遅い？

by FiNGAHOLiC

HTML

<a href="#" id="mod-draggable-a" draggable="true"></a>
<div id="mod-results-a"></div>

<div id="mod-draggable-div" draggable="true"></div>
<div id="mod-results-div"></div>

CSS

#mod-draggable-a {
    background: yellow;
    display: block;
    height: 100px;
    width: 100px;
}

#mod-draggable-div {
    background: red;
    display: block;
    height: 100px;
    width: 100px;
}

JavaScript

var resultsA = document.getElementById('mod-results-a');
var resultsDiv = document.getElementById('mod-results-div');

var elmA = document.getElementById('mod-draggable-a');
var elemDiv = document.getElementById('mod-draggable-div');

elmA.addEventListener('dragstart', function (e) {
    console.log(e);
    var p = document.createElement('p');
    p.textContent = 'a dragstart';
    resultsA.appendChild(p);
}, false);

elemDiv.addEventListener('dragstart', function (e) {
    console.log(e);
    var p = document.createElement('p');
    p.textContent = 'div dragstart';
    resultsDiv.appendChild(p);
}, false);