Jq合成事件绑定

最新推荐文章于 2023-06-13 18:43:16 发布

weixin_38168760

最新推荐文章于 2023-06-13 18:43:16 发布

阅读量61

点赞数

原文链接：http://www.cnblogs.com/sumg/p/3742701.html

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="../Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        //hover()方法用于模拟光标悬停事件，当光标移动到元素上时会触发第一个事件，离开时会触发第二个事件
        $(function () {
            $("#div1").hover(function () {
                $(this).hide();
            }), function () {
                $(this).show(600);
            };
        });



        //toggle（function(),function(),function()）方法用来模拟连续点击的单击事件，第一次调用第一函数，以此类推，循环使用，还可以用来隐藏和显示元素
        //e.stopPropagation(),用来阻止事件冒泡，e.preventDefault(),用来阻止元素的默认行为
        //e.target属性用来获取触发事件的元素
        //在DOM中mouseover和mouseout所发生的元素可以通过e.target()方法来访问
        //e.pageX/e.pageY获取到光标相对于页面的X坐标和Y坐标
        //e.which属性用来获取左中右键
        //e.metaKey属性用于获取Ctrol键
        //e.originalEvent属性该方法作用是指向原始的事件对象

    </script>
</head>
<body>
    <div id="div1">
        <span>fasdfljkaslkdfjalksdjflakjdlasdfljkaslkdfjalksdjflakjasdfljkaslkdfjalksd jflakjasdfljkaslkdfjalksdjflakjasdfljkaslkdfjalksdjflakjasdfljkaslkdfjalksdjflakjsfkj</span></div>
</body>
</html>