欧美成人免费观看_免费成人深夜天涯网站_日韩中文在线视频_天堂av一区二区_欧美xxxx性xxxxx高清_亚洲欧美一二三

JavaScript事件和修改this指向

2021-10-9 前端達人

1、鼠標事件：

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

2、鍵盤事件：

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

3、系統事件：

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




    

        

            

            

        

        

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

        

    

    

        

            

            

        

        

            
                window.onload = function(){};
            

        

    

    

        

            

            

        

        

            

            

        

    

    

        

            

            

        

        

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

        

    

    

        

            

            

        

        

            
                document.onscroll = function(){};

4、表單事件：

onfocus 獲取焦點后 onblur 失去焦點后 onchange 改變內容后 onreset 重置后 onselect 選擇后 onsubmit 提交后

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

節點.事件 = 函數。

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

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

行內綁定

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

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

<script type="text/javascript">

          var func = () => {

                    alert('hello world')

          };

</script>

6、事件函數this指向：在事件函數中，關鍵詞 this 就表示觸發事件的這個節點對象。

7、修改this指向：

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

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

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




    

        

            

            

        

        

            
                window.a = 0 //在window對象下創建一個屬性，屬性值為0
            

        

    

    

        

            

            

        

        

            

            

        

    

    

        

            

            

        

        

            
                let obj1 = {
            

        

    

    

        

            

            

        

        

            
                a: 1
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            
                let obj2 = {
            

        

    

    

        

            

            

        

        

            
                a: 2
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            

            

        

    

    

        

            

            

        

        

            
                function fn(num1, num2, num3) {
            

        

    

    

        

            

            

        

        

            
                console.log(this.a);
            

        

    

    

        

            

            

        

        

            
                console.log(num1, num2, num3);
            

        

    

    

        

            

            

        

        

            
                }
            

        

    

    

        

            

            

        

        

            

            

        

    

    

        

            

            

        

        

            
                //修改函數里面this的指向
            

        

    

    

        

            

            

        

        

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

        

    

    

        

            

            

        

        

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

        

    

    

        

            

            

        

        

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