亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

Objek acara dalam DOM

Memperkenalkan objek Acara ke dalam DOM (pelayar DOM ialah penyemak imbas standard)

(1) Lulus acara melalui atribut acara tag HTML Objek

Dalam DOM, objek acara dihantar ke fungsi sebagai parameter apabila acara memanggil fungsi.

Parameter peristiwa ialah kaedah penulisan tetap sistem Ia adalah huruf kecil dan tidak boleh dipetik. daripada objek elemen untuk lulus objek acara 

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script type="text/javascript">
            //在HTML中，如何通過事件來傳遞event對(duì)象參數(shù)
            function get(e){
                //獲取單擊時(shí)，距離窗口左邊和上邊的距離
                alert(e.clientX+","+e.clientY);
            }     
        </script>
    </head>
    <body style="margin:0px">
        <img width="400" src="/upload/course/000/000/009/580af7f52278b486.jpg" onclick="get(event)" />
    </body>
</html>

Sifat objek peristiwa dalam DOM


jenis: jenis acara semasa

  • clientX dan clientY: jarak dari kiri dan atas tetingkap

  • pageX dan pageY: jarak dari kiri dan atas halaman web

  • screenX dan screenY: jarak dari kiri dan atas skrin

  • <!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script type="text/javascript">
            window.onload = function(){
                //獲取id=img1的圖片對(duì)象
                var imgObj=document.getElementById("img1");
                //增加onclick事件
                imgObj.onclick=get;
            }
            //不能傳event參數(shù)，但形參必須接收
            //第一個(gè)形參，一定是event對(duì)象
            function get(e){
                //獲取單擊時(shí)，距離窗口左邊和上邊的距離
                alert(e.clientX+","+e.clientY);
            }    
        </script>
    </head>
    <body style="margin:0px">
        <img id="img1" width="400" src="/upload/course/000/000/009/580af7f52278b486.jpg" />
    </body>
</html>

Meneruskan pembelajaran
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> <script type="text/javascript"> //在HTML中，如何通過事件來傳遞event對(duì)象參數(shù) function get(e){ //獲取單擊時(shí)，距離窗口左邊和上邊的距離 alert(e.clientX+","+e.clientY); } </script> </head> <body style="margin:0px"> <img width="400" src="/upload/course/000/000/009/580af7f52278b486.jpg" onclick="get(event)" /> </body> </html>