Browser-based APIs - HTML5 and CSS3 - page 170

The original dragstart event
handler assumed that it was the
<li> , with the id , that was drag-
gable:

Now the link element is used as
a proxy. The element you want
to move is the parent of the one
being dragged:

function dragstart(ev) {
event.dataTransfer
.setData('Text',
event.target.id);
log('drag ' +
event.target.id);
}

function dragstart(ev) {
event.dataTransfer
.setData('Text',
event.srcElement
.parentNode.id);
log('drag ' +
event.srcElement
.parentNode.id);
}

PROBLEM 2
Older versions of IE use srcElement instead of target .

SOLUTION 2
Do the standard IE support bait-and-switch.

The original code uses standard
DOM events, methods, and
properties:

This is a fairly common problem
in writing cross browser Java-
Script. Test for the existence of
event.target :

function dragstart(ev) {
event.dataTransfer
.setData('Text',
event.srcElement
.parentNode.id);
log('drag ' +
event.srcElement
.parentNode.id);
}

function dragstart(ev) {
var target =
event.target ?
event.target :
event.srcElement;
event.dataTransfer
.setData('Text',
target.parentNode.id);
log('drag ' +
target.parentNode.id);
}