click与mouse事件

1.事件触发的先后顺序是mousedown,mouseup,click,mousedown,mouseup,dblclick,

2.obj.onclick=function(e){e.type} 找出事件类型

下面用一个简单小案例解释

click与mouse事件

点击div里面的两段文字分别执行不同事件，同时在div进行鼠标事件滑动

<style>
        div{
            width: 100%;
            height: 500px;
            background-color: #53ff55;
        }
        span{
            float: left;
        }
        p{
            float: right;
        }
    </style>
    <script src="jquery/jquery-3.1.0.js"></script>
</head>
<body>
    <div>
        <span>Lorem ipsum dolor sit amet.</span>
        <p>Lorem ipsum dolor sit amet.</p>
    </div>

View Code