Jq合成事件绑定

时间：2021-09-05 15:40:33
<!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();

            };

        });

        //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>

相关文章