UI(??? ?????) Event, ???? ???? ??? ?? ??? ? ????

Load ???: ???? ??? ???? ?? ?? ???? ??????.

Unload ???: ??? ??? ???? ? ??????. ???? ? ????? ?? ???? ??? ??? ?????.

Resize ???: ????? ??? ??? ??? ???? ?? ?? ???? ??????. ?? ??? ????? ? ???? ?? ??? ???? ??? ?????.

        EventUtil.addHandler(window, "resize", function (event) {
                //防抖函數(shù)
                //每次調(diào)用函數(shù)都會清除之前的計數(shù)器，并重新計數(shù)，計數(shù)完成時，執(zhí)行操作。
            var timer;
            return function () {
                if (timer) {
                    clearTimeout(timer);
                }
                timer = setTimeout(function () { //setTimeout返回唯一標識符，可以使用它來取消計數(shù)器
                    console.log("123");
                },500);
            }
        }());//此處的雙括號表示，立即調(diào)用返回值

Scroll ???: ???? ?? ??? ???? ??? ???? ????? ???? ??????.

        EventUtil.addHandler(window, "scroll", function (event) {
            //函數(shù)節(jié)流
            var timer;
            return function () {
                if (timer) {
                    clearTimeout(timer);
                }
                timer = setTimeout(function () { //setTimeout返回唯一標識符，可以使用它來取消計數(shù)器
                    if (document.compatMode == "CSS1Compat") {
                        //標準模式
                        console.log("Left:" + document.documentElement.scrollLeft);
                        console.log("Top:" + document.documentElement.scrollTop);
                    }
                    else {
                        //混雜模式
                        console.log("Left:" + document.body.scrollLeft);
                        console.log("Top:" + document.body.scrollTop);
                    }
                }, 500);
            }     
        }());

Focus ???, ???? ???? ??? ?? ? ??????.

Blur ???: ??? ???? ?? ? ??????. ? ???? ????? ????. ?? ????? ?? ?????.

Focus ???: ??? ???? ?? ? ??????. ? ???? ????? ??? ?? ?????? ?? ?????.

Focusin ???: ??? ???? ?? ? ??????. ? ???? HTML ??? ???? ????? ??????. ? ???? ???? ????? IE5+ safari5.1+ Opera11.5+ ? Chrome???.

Focusout ???: ??? ??? ? ??????. ? ???? HTML ??? ??? ?? ?????. ? ???? ???? ????? IE5+ safari5.1+ Opera11.5+ ? Chrome???.

??? ? ? ???

?? ???: ???? ??? ??? ?. ??? ?? ?? Enter ?? ??? ?????.

DbClick ???: ???? ??? ?? ??? ? ? ??? ? ??????.

MouseDown ???: ???? ??? ??? ?? ? ??????.

MouseEnter ???: ???? ???? ???? ?? ??? ??? ? ??????.

MouseLeave ???: ???? ?? ?? ??? ??? ? ??????.

MouseMove ???: ??? ???? ?? ???? ??? ? ????? ?????.

MouseOut ???: ??? ???? ?? ?? ?? ???? ?? ?? ??? ??? ? ?????.

MouseOver ???: ??? ???? ?? ??? ?? ? ???? ???? ?? ?? ?? ??? ??? ???? ??? ? ?????.

MouseUp: ???? ??? ???? ?? ? ??????.

?? ??? ?? ??:

1. ????? ?? ?? ??

??? ???? ?? ???? ???? ?? ???? ?????. ? ??? ??? ??? clientX ? clientY ??? ?????.

2. ??? ?? ??

pageX? pageY? ????? ???? ??? ??? ?????. ?, ? ? ??? ???? ?? ??? ????? ??? ???? ???? ?? ????? ?? ??? ???? ?????.

???? ????? ??? pageX ? pageY? clientX ? clientY? ?????.

IE8 ?? ????? ??? ?? ??? ???? ???, ????? ?? ?? ??? ??? ??? ???? ??? ? ????.

        EventUtil.addHandler(document.getElementById("p1"), "click", function (event) {
            //兼容IE8及之前版本
            event = EventUtil.getEvent(event);
            var pageX = event.pageX,
                pageY = event.pageY;
            if (pageX === undefined) {
                pageX = event.clientX + (document.body.scrollLeft || document.documentElement.scrollLeft);
            }
            if (pageY === undefined) {
                pageY = event.clientY + (document.body.scrollTop || document.documentElement.scrollTop);
            }
            //console.log("pageX:" + pageX);
            //console.log("pageY:" + pageY);
        });

3. ?? ?? ??

screenX ? screenY ??? ??? ??? ?? ? ?? ??? ???? ? ??? ???? ?? ??? ??? ? ????.

?? ?? ??:

???? JavaScript ??? ???? ?? ?? ??? ??

JavaScript? ??? ??? ? ??? ???? ?? ??? ??(??? ????)

? ??? ???? JavaScript ??? ??? ?? ???? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!