jQuery系列之事件(二)


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>演示许多事件title>
    <script type="text/javascript" src="jquery-3.2.1.js">script>
    <script type="text/javascript">

        //事件
        //当某件事发生时,就叫做发生了什么什么事件
        //比如:卢沟桥事变(事件)
        //浏览器可以监听到事件的发生 可选择性的对事件进行处理
        //对事件做的处理.被封装成了事件处理器 事件处理器监听到事件发生,
        //去执行传入事件处理器的函数,也就是我们自己写的那些代码

            //clik,点击事件,已经学过
        $(function () {

            //dbclick,双击事件
            $(".dblBtn").dblclick(function () {
                    alert("你双击了我 还想一笑而过")
            });

            //鼠标进入元素事件
            //如果写的是onclick,那么是在调用原生js属性
            $("div").mouseenter(function () {
                alert("进入了我");
            });

            $("div").mouseout(function () {
               alert("走了");
            });

            $("div").mouseover(function () {
               alert("结束了");
            });

            $("div").mousemove(function () {
                alert("移走了");
            });


            $("#text").focusin(function () {
                alert("得到焦点")
            });

        });



    script>
head>
<body>
    <button class="dblBtn">啦啦啦button>
    <div>哈哈哈div>
    <input type="text" id="text">


body>
html>

你可能感兴趣的:(jQuery系列之事件(二))