国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

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>