Nachfolgend ein Beispiel um das Dilemma zu verdeutlichen:
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script language="javascript" type="text/javascript">
<!--
function onDownKey(e) {
e=e?e:window.event;
window.document.title="shift: "+e.shiftKey;//debug
document.body.style.cursor = e.shiftKey ? "crosshair" : "default";
}
function onUpKey(e) {
e=e?e:window.event;
window.document.title="shift: "+e.shiftKey;//debug
document.body.style.cursor = "default";
}
document.onkeydown = onDownKey;
document.onkeyup = onUpKey;
//-->
</script>
</head>
<body>
<img style="float: left; margin: 10px; cursor: move;" id="img1" src="test1.jpg" width="200" height="200" border="1" alt="" />
<img style="float: left; margin: 10px; cursor: move;" id="img2" src="test2.jpg" width="200" height="200" border="1" alt="" />
<img style="float: left; margin: 10px; cursor: move;" id="img3" src="test3.jpg" width="200" height="200" border="1" alt="" />
</body>
</html>