Hallo,
unten ein zusammengschrumpftes JS. Wenn man die Maus losläßt gibt es in der Adresszeile des Browsers ein #, trotz preventDefault und cancelBubble. Was läuft da schief?
Viele Grüße
Siri
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8"/>
<title></title>
<link rel="stylesheet" href="css/scrnav_test_01.css" type="text/css"/>
<script src="js/paloula/paloulacontentloaded.js" type="text/javascript"></script>
</head>
<body>
<a href="#" name="nav1" id="linkxyz" class="scrollnavleftbutton" >Left</a>
<script>
function init() {
var scrollNavLeftLoop = document.getElementById("linkxyz");
var scrollNavHandler = new ScrollNavHandler();
if (document.addEventListener) {
scrollNavLeftLoop.addEventListener("mousedown", scrollNavHandler.scrollNavLeft, false);
scrollNavLeftLoop.addEventListener("mouseup", scrollNavHandler.scrollStop, false);
} else {
scrollNavLeftLoop.onmousedown = scrollNavHandler.scrollNavLeft;
scrollNavLeftLoop.onmouseup = scrollNavHandler.scrollStop;
}
}
function ScrollNavHandler() {
this.scrollStop = function(eventObject) {
handlePreventObject(eventObject);
alert("stop");
};
this.scrollNavLeft = function(eventObject) {
handlePreventObject(eventObject);
};
}
function handlePreventObject(eventObject) {
if (!eventObject) eventObject = window.event;
if (eventObject.preventDefault) {
eventObject.preventDefault();
} else {
eventObject.returnValue = false;
}
if (eventObject.stopPropagation) {
eventObject.stopPropagation();
} else {
eventObject.cancelBubble = true;
}
}
init();
</script>
</body>
</html>