事件对象-抓不到的美女

  • 1,145
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>事件对象-抓不到的美女</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="老源博客 http://www.150643.com" />
    <style>
        img{
            width:110px;
            height:130px;
            position:relative;
            left:0px;
            top:0px;
        }
    </style>
    </head>
        <body>
            <pre>
                1:事件对象包含事件相关的信息,如鼠标,时间,触发的DOM对象等
                2:事件对象被系统传递给事件函数的第1个参数
                3:事件对象的属性在IE/W3C 略有不同
                4:一个重要的事件属性:target,srcElement(IE下),代表事件发生的所在DOM对象!
            </pre>
            <img src='./mn.png' alt=''/>
        </body>
        <script>
        document.getElementsByTagName('img')[0].onmouseover=function(ev){
            this.style.left = ev.pageX + 10 + 'px';
            this.style.top =  ev.pageY + 10 + 'px';
        }
        document.getElementsByTagName('img')[0].onclick = function(){alert('嫁给你了。。。')}
        </script>
    </html>

 

weinxin
我的微信
这是我的微信扫一扫
开拓者博主
  • 本文由 发表于 2016年7月22日12:45:34
  • 转载请务必保留本文链接:https://www.150643.com/191.html
匿名

发表评论

匿名网友 填写信息