事件對(duì)象event.target的常用屬性

1、event阻止默認(rèn)行為的方法為,如a標(biāo)簽:

$("a").click(function(event){
  event.preventDefault();
});

3、event的兼容性寫(xiě)法:

在IE下event為window下的一個(gè)對(duì)象,所以應(yīng)寫(xiě)為window.event

//IE是把event事件對(duì)象作為全局對(duì)象window的一個(gè)屬性;可以使用event或window.event來(lái)訪問(wèn);
//FireFox和Chrome等主流瀏覽器是通過(guò)把【事件對(duì)象】作為【事件響應(yīng)函數(shù)】的【參數(shù)】進(jìn)入傳入的;
//兼容性的寫(xiě)法示例:
domElement.onclick = function( e ){
      e = e || window.event;
}

注意:不要將var e=e||event; 寫(xiě)成 var e=event||e; ,這在FireFox下會(huì)提示錯(cuò)誤,F(xiàn)ireFox無(wú)法處理未聲明未賦值的變量event。

3、event.target的常用屬性總結(jié)如下:

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            #main {
                width: 200px;
                height: 100px;
                background: pink;
                color: #fff;
            }
        </style>
        <script type="text/javascript">
            window.onload = function() {
                document.getElementById("main").onclick = function(e) {
                    console.log(e.target);//<div id="main" class="sb js node"><span>測(cè)試文字</span></div>
                    console.log(e.target.id);//main
                    console.log(e.target.tagName);//DIV
                    console.log(e.target.nodeName);//DIV
                    console.log(e.target.classList);// ["sb", "js", "node", value: "sb js node"]
                    console.log(e.target.className);//sb js node
                    console.log(e.target.innerHTML);//<span>測(cè)試文字</span>
                    console.log(e.target.innerText);//測(cè)試文字
                }
            }
        </script>
    </head>

    <body>
        <div id="main" class="sb js node"><span>測(cè)試文字</span></div>
    </body>

</html>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • ??JavaScript 與 HTML 之間的交互是通過(guò)事件實(shí)現(xiàn)的。 ??事件,就是文檔或?yàn)g覽器窗口中發(fā)生的一些特...
    霜天曉閱讀 3,701評(píng)論 1 11
  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些閱讀 2,144評(píng)論 0 2
  • 在用戶使用比較多的瀏覽器中,分為2大派系 - ie內(nèi)核和非ie內(nèi)核,像theworld、maxthon、green...
    子約nan閱讀 598評(píng)論 1 3
  • 前端開(kāi)發(fā)面試題 <a name='preface'>前言</a> 只看問(wèn)題點(diǎn)這里 看全部問(wèn)題和答案點(diǎn)這里 本文由我...
    自you是敏感詞閱讀 904評(píng)論 0 3
  • 似乎越來(lái)越明白,自己的心思如果不明確表達(dá),別人應(yīng)該是無(wú)從得知的。大家都時(shí)間有限,為何要浪費(fèi)在猜度上。簡(jiǎn)單直接是交流...
    branchette閱讀 165評(píng)論 0 0

友情鏈接更多精彩內(nèi)容