概述 event.data
返回值:Object
描述: 当当前正在执行的处理程序绑定时,一个可选的数据对象传递给一个事件方法。
示例
在一个 for 循环里,将迭代变量 i 的值传递给 .on() 方法,保留当前迭代的值。
- <!DOCTYPE html>
- <html>
- <head>
- <script src="http://code.jquery.com/jquery-latest.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>