问答详情
源自:7-1 jQuery自定义事件之trigger事件

看不懂的先来瞧一瞧这段代码

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js"></script>
  </head>
  <body>
    <button id="btn">页面加载触发自定义事件</button>
    <button id="btn1">页面加载触发自定义事件并且传参</button>
    <p id="test"></p>
    <script>
      $("#btn").on("testClick", function(){
        alert("自定义事件触发")
      })  
      // 页面加载自动执行自定义事件testClick
      $("#btn").trigger("testClick");
      // 自定义事件并且传参
      $("#btn1").bind("myClick", function (event, message1, message2) {
        $("#test").append("<p>" + message1 + message2 + "</p>");
      });
      $("#btn1").trigger("myClick",["我的自定义","事件"]);
    </script>
  </body>
</html>


提问者:Zz皓 2019-04-18 22:50

个回答

  • 金刚无敌葫芦娃
    2020-04-12 00:25:51

    你写这个我一看就懂,7.1教程里面的完全不懂写的什么

    另外为什么一个用on一个用bind?

  • 业余奶茶品鉴师
    2019-05-06 14:38:05

    啧啧啧,十分优秀