on()

功能

为一个或多个事件附加一个事件处理函数到指定的元素。

语法

eventer.on(elm, events, selector, data, callback, one)

参数

  • elm
    HTMLElement对象,指定对象HTML元素
  • events
    一个或多个空格分隔的事件类型和可选的命名空间,或仅仅是命名空间,比如“click”, “keydown.myPlugin”, 或者 “.myPlugin”。
  • selector
    一个选择器字符串,用于过滤出被选中的元素中能触发事件的后代元素。如果选择器是 null 或者忽略了该选择器,那么被选中的元素总是能触发事件
  • data
    当一个事件被触发时,要传递给事件处理函数
  • callback
    回调函数
  • one
    如果是false,则回调函数只执行一次。

范例

Example: 处理函数在每个元素上每种事件类型执行数累计 +1。

<!DOCTYPE html>
<html>

<head>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.3/require.min.js"></script>
    <script>
    require.config({
        baseUrl: "./",
        packages: [{
            name: "skylark",
            location: "../../../src/skylark"
        }, ]
    });
    </script>
</head>

<body>
    <div class="count">0</div>
    <button class="target">Counter</button>
    <script>
    require(["skylark/query", "skylark/eventer"], function($, eventer) {
        var count = $(".count"),
            value = count.text();
        eventer.on($(".target")[0], "click mouseenter", function() {
            count.html(++value);
        });
    });
    </script>
</body>

</html>