<a name="tag" id="tag" href="#" rel="external nofollow" >a</a>
<script>
    var a = document.getElementsByTagName("a");  //獲取頁面中所有超鏈接元素
    for (var i = 0; i < a.length; i ++) {  //遍歷所有a元素
        if ((new RegExp(window.location.href)).test(a[i].href)) {
            //如果當(dāng)前超鏈接href屬性中包含本頁面的URL信息
            a[i].onclick = function () {  //則為超鏈接注冊鼠標(biāo)單擊事件
                return false;  //將禁止超鏈接的默認(rèn)行為
            }
        }
    }
</script>

<div id="box" ></div>
<script>
    // 初始化拖放對象
    var box = document.getElementById("box");
    // 獲取頁面中被拖放元素的引用指針
    box.style.position = "absolute";  // 絕對定位
    box.style.width = "160px";  // 定義寬度
    box.style.height = "120px";  // 定義高度
    box.style.backgroundColor = "red";  // 定義背景色
    // 初始化變量，標(biāo)準(zhǔn)化事件對象
    var mx, my, ox, oy;  // 定義備用變量
    function e(event){  // 定義事件對象標(biāo)準(zhǔn)化函數(shù)
        if( ! event){  // 兼容IE瀏覽器
            event = window.event;
            event.target = event.srcElement;
            event.layerX = event.offsetX;
            event.layerY = event.offsetY;
        }
        event.mx = event.pageX || event.clientX + document.body.scrollLeft;
        // 計算鼠標(biāo)指針的x軸距離
        event.my = event.pageY || event.clientY + document.body.scrollTop;
        // 計算鼠標(biāo)指針的y軸距離
        return event;  // 返回標(biāo)準(zhǔn)化的事件對象
    }
     // 定義鼠標(biāo)事件處理函數(shù)
    document.onmousedown = function(event){  // 按下鼠標(biāo)時，初始化處理
        event = e(event);  // 獲取標(biāo)準(zhǔn)事件對象
        o = event.target;  // 獲取當(dāng)前拖放的元素
        ox = parseInt(o.offsetLeft);  // 拖放元素的x軸坐標(biāo)
        oy = parseInt(o.offsetTop);  // 拖放元素的y軸坐標(biāo)
        mx = event.mx;  // 按下鼠標(biāo)指針的x軸坐標(biāo)
        my = event.my;  // 按下鼠標(biāo)指針的y軸坐標(biāo)
        document.onmousemove = move;  // 注冊鼠標(biāo)移動事件處理函數(shù)
        document.onmouseup = stop;  // 注冊松開鼠標(biāo)事件處理函數(shù)
    }
    function move(event){  // 鼠標(biāo)移動處理函數(shù)
        event = e(event);
        o.style.left = ox + event.mx - mx  + "px";  // 定義拖動元素的x軸距離
        o.style.top = oy + event.my - my + "px";  // 定義拖動元素的y軸距離
    }
    function stop(event){  // 松開鼠標(biāo)處理函數(shù)
       event = e(event);
       ox = parseInt(o.offsetLeft);  // 記錄拖放元素的x軸坐標(biāo)
       oy = parseInt(o.offsetTop);  // 記錄拖放元素的y軸坐標(biāo)
       mx = event.mx ;  // 記錄鼠標(biāo)指針的x軸坐標(biāo)
       my = event.my ;  // 記錄鼠標(biāo)指針的y軸坐標(biāo)
       o = document.onmousemove = document.onmouseup = null;
       // 釋放所有操作對象
    }
</script>

<div>
    <div>
        <div>盒子</div>
    </div>
</div>
<script>
    var div = document.getElementsByTagName("div");
    // 獲取3個嵌套的div元素
    for(var i=0;i<div.length;i++){    // 遍歷嵌套的div元素
        div[i].onmouseover = function(e){   // 注冊移過事件處理函數(shù)
            this.style.border = "solid blue";
        }
        div[i].onmouseout = function(){   // 注冊移出事件處理函數(shù)
            this.style.border = "solid red";
        }
    }
</script>

<div>div元素</div>
<script>
    var div = document.getElementsByTagName("div")[0];
    div.onmouseover = function(e){ // 注冊mouseover事件處理函數(shù)
        var e = e || window.event;  // 標(biāo)準(zhǔn)化事件對象，兼容DOM和IE事件模型
        var o = e.target || e.srcElement;  // 標(biāo)準(zhǔn)化事件屬性，獲取當(dāng)前事件的節(jié)點(diǎn)
        alert(o.tagName);      // 返回字符串“DIV”
    }
</script>

<div>div元素</div>
<script>
    var div = document.getElementsByTagName("div")[0];
    div.onmouseover = function(e){
        var e = e || window.event;
        var o = e.relatedTarget || e.fromElement;  //標(biāo)準(zhǔn)化事件屬性，獲取與當(dāng)前事件相關(guān)的節(jié)點(diǎn)
        alert(o.tagName);
    }
    div.onmouseout = function(e){
        var e = e || window.event;
        var o = e.relatedTarget || e.toElement;  // 標(biāo)準(zhǔn)化事件屬性，獲取與當(dāng)前事件相關(guān)的節(jié)點(diǎn)
        alert(o.tagName);
    }
</script> 

var posX = 0, posY = 0;
var event = event || window.event;
if (event.pageX || event.pageY) {
    posX = event.pageX;
    posY = event.pageY;
} else if (event.clientX || event.clientY) {
    posX = event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
    posY = event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
}

var pos = function (o, x, y, event) {  //鼠標(biāo)定位賦值函數(shù)
    var posX = 0, posY = 0;  //臨時變量值
    var e = event || window.event;  //標(biāo)準(zhǔn)化事件對象
    if (e.pageX || e.pageY) {  //獲取鼠標(biāo)指針的當(dāng)前坐標(biāo)值
        posX = e.pageX;
        posY = e.pageY;
    } else if (e.clientX || e.clientY) {
        posX = event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
        posY = event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
    }
    o.style.position = "absolute";  //定義當(dāng)前對象為絕對定位
    o.style.top = (posY + y) + "px";  //用鼠標(biāo)指針的y軸坐標(biāo)和傳入偏移值設(shè)置對象y軸坐標(biāo)
    o.style.left = (posX + x) + "px";  //用鼠標(biāo)指針的x軸坐標(biāo)和傳入偏移值設(shè)置對象x軸坐標(biāo)
}

<div id="div1">鼠標(biāo)追隨</div>
<script>
    var div1 = document.getElementById("div1");
    document.onmousemove = function (event) {
        pos (div1, 10, 20, event);
    }
</script>

var event = event || window.event;
if (event.offsetX || event.offsetY) {  //適用非Mozilla瀏覽器
    x = event.offsetX;
    y = event.offsetY;
} else if (event.layerX || event.layerY) {  //兼容Mozilla瀏覽器
    x = event.layerX;
    y = event.layerY;
}

<input type="text" id="text" />
<span style="position:absolute;">
    <div id="div1" style="width:200px;height:160px;border:solid 1px red;">鼠標(biāo)跟隨</div>
</span>
<script>
    var t = document.getElementById("text");
    var div1 = document.getElementById("div1");
    div1.onmousemove = function (event) {
        var event = event || window.event;  //標(biāo)準(zhǔn)化事件對象
        if (event.offsetX || event.offsetY) {
            t.value = event.offsetX + "" + event.offsetY;
        } else if (event.layerX || event.layerY) {
            t.value = (event.layerX-1) + "" + (event.layerY-1);
        }
    }
</script>

document.onclick = function (e) {
    var e = e || window.event;  //標(biāo)準(zhǔn)化事件對象
    if (e.button == 2) {
        e.preventDefault();
        return false;
    }
}