Xin hãy nhớ rằng câu trả lời của tôi đã già đi rất nhiều.
Loại hành vi này thường được mong muốn trong khi thực hiện hành vi kéo-thả trên một trang html. Giải pháp dưới đây đã được thử nghiệm trên IE 8.0.6, FireFox 3.6.6, Opera 10.53 và Safari 4 trên máy MS Windows XP.
Đầu tiên là một chức năng nhỏ của Peter-Paul Koch; trình xử lý sự kiện trình duyệt chéo:
function addEvent(obj, evt, fn) {
if (obj.addEventListener) {
obj.addEventListener(evt, fn, false);
}
else if (obj.attachEvent) {
obj.attachEvent("on" + evt, fn);
}
}
Và sau đó sử dụng phương pháp này để đính kèm một trình xử lý sự kiện vào sự kiện mouseout đối tượng tài liệu:
addEvent(document, "mouseout", function(e) {
e = e ? e : window.event;
var from = e.relatedTarget || e.toElement;
if (!from || from.nodeName == "HTML") {
// stop your drag event here
// for now we can just use an alert
alert("left window");
}
});
Cuối cùng, đây là một trang html với tập lệnh được nhúng để gỡ lỗi:
<html>
<head>
<script type="text/javascript">
function addEvent(obj, evt, fn) {
if (obj.addEventListener) {
obj.addEventListener(evt, fn, false);
}
else if (obj.attachEvent) {
obj.attachEvent("on" + evt, fn);
}
}
addEvent(window,"load",function(e) {
addEvent(document, "mouseout", function(e) {
e = e ? e : window.event;
var from = e.relatedTarget || e.toElement;
if (!from || from.nodeName == "HTML") {
// stop your drag event here
// for now we can just use an alert
alert("left window");
}
});
});
</script>
</head>
<body></body>
</html>