• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • event.data

    当当前正在执行的处理程序绑定时,一个可选的数据对象传递给一个事件方法。

    event.data

    例子

    在一个 for 循环里,将迭代变量 i 的值传递给.on()方法,保留当前迭代的值。

    <!DOCTYPE html>
    <html>
    <head>
      <script src="https://www.lanmper.cn/static/js/jquery-3.5.0.js"></script>
    </head>
    <body>
     
    <button> 0 </button>
    <button> 1 </button>
    <button> 2 </button>
    <button> 3 </button>
    <button> 4 </button>
     
    <div id="log"></div>
     
    <script>
    var logDiv = $("#log");
     
    /* Note: This code is for demonstration purposes only. */
    for (var i = 0; i < 5; i++) {
      $("button").eq(i).on("click", {value: i}, function(event) {
        var msgs = [
          "button = " + $(this).index(),
          "event.data.value = " + event.data.value,
          "i = " + i
        ];
        logDiv.append( msgs.join(", ") + "<br>" );
      });
    }
    </script>
     
    </body>
    </html>
    

    上篇:event.relatedTarget

    下篇:event.result