国产性猛交xx乱_性色国产成人久久久精品_亚洲成年人av_亚洲av片不卡无码久久_日本精品一二三_久久免费精品国产_欧美成人精品一区二区综合免费_无码人妻丰满熟妇区毛片蜜桃精品_四虎永久免费影院_国产一区二区三区四区在线

<ul id="ucyem"></ul>

<del id="ucyem"></del>

JavaScript事件和修改this指向

2021-10-9 前端達(dá)人

1、鼠標(biāo)事件：

onclick 左鍵單擊 ondblclick 左鍵雙擊 onmouseover onmouseenter 鼠標(biāo)移入 onmouseout onmouseleave鼠標(biāo)移出 onmousedown 鼠標(biāo)按下 onmousmove 鼠標(biāo)移動（鼠標(biāo)滑動） onmouseup 鼠標(biāo)抬起 oncontextmenu 右鍵單擊(右鍵菜單)

2、鍵盤事件：

onkeydown onkeypress 鍵按下 onkeyup 鍵抬起 鍵盤事件必須放在整個文檔（document）里面去操作，不能放在節(jié)點(diǎn)里面去操作

3、系統(tǒng)事件：

onload 加載完成后 onerror 加載出錯后 onresize 窗口調(diào)整大小時 onscroll 滾動時




    

        

            

            

        

        

            
                //onload 加載完成后 onerror 加載出錯后 onresize 窗口調(diào)整大小時   都是放在window的身上
            

        

    

    

        

            

            

        

        

            
                window.onload = function(){};
            

        

    

    

        

            

            

        

        

            

            

        

    

    

        

            

            

        

        

            
                //onscroll 滾動時  可以放在document和window身上
            

        

    

    

        

            

            

        

        

            
                document.onscroll = function(){};

4、表單事件：

onfocus 獲取焦點(diǎn)后 onblur 失去焦點(diǎn)后 onchange 改變內(nèi)容后 onreset 重置后 onselect 選擇后 onsubmit 提交后

5、監(jiān)聽事件(綁定事件)寫法：

節(jié)點(diǎn).事件 = 函數(shù)。

document.getElementById("main").onclick = function(){alert(1)};

document.getElementById("main").addEventListener("click",function(){},false);

行內(nèi)綁定

<button οnclick="alert('hello world')">Click</button>

<button οnclick="func()">Click</button>

<script type="text/javascript">

          var func = () => {

                    alert('hello world')

          };

</script>

6、事件函數(shù)this指向：在事件函數(shù)中，關(guān)鍵詞 this 就表示觸發(fā)事件的這個節(jié)點(diǎn)對象。

7、修改this指向：

call() 第一個參數(shù)為函數(shù)this將要修改指向的對象函數(shù)有參數(shù)時后面, 一一跟上即可可以主動執(zhí)行函數(shù)

apply() 第一個參數(shù)為函數(shù)this將要修改指向的對象函數(shù)有參數(shù)時數(shù)組包一下可以主動執(zhí)行函數(shù)

bind() 第一個參數(shù)為函數(shù)this將要修改指向的對象函數(shù)有參數(shù)時后面, 一一跟上即可不不不會主動執(zhí)行函數(shù) 但會return函數(shù)本體再加一個括號即可執(zhí)行




    

        

            

            

        

        

            
                window.a = 0 //在window對象下創(chuàng)建一個屬性，屬性值為0
            

        

    

    

        

            

            

        

        

            

            

        

    

    

        

            

            

        

        

            
                let obj1 = {
            

        

    

    

        

            

            

        

        

            
                a: 1
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                let obj2 = {
            

        

    

    

        

            

            

        

        

            
                a: 2
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            

            

        

    

    

        

            

            

        

        

            
                function fn(num1, num2, num3) {
            

        

    

    

        

            

            

        

        

            
                console.log(this.a);
            

        

    

    

        

            

            

        

        

            
                console.log(num1, num2, num3);
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            

            

        

    

    

        

            

            

        

        

            
                //修改函數(shù)里面this的指向
            

        

    

    

        

            

            

        

        

            
                fn.call(obj1,4,5,6)
            

        

    

    

        

            

            

        

        

            
                fn.apply(obj2,[4,5,6])
            

        

    

    

        

            

            

        

        

            
                fn.bind(obj1,4,5,6)()