JSFiddle - React, Tailwind, and code Playground

by nuysoft

HTML

<script src="http://g.tbcdn.cn/thx/brix-release/0.0.23/require-config.js"></script>
<!-- 定义 HTML -->
<div id="target">
    <button bx-click="foo(42)">click here</button>
</div>

JavaScript

// 使用 Brix Event
require(['jquery', 'brix/event'], function($, EventManager) {
    // 创建事件管理器
    var manager = new EventManager('bx-')
    // 创建宿主对象，可以是任意对象
    var owner = {
        foo: function(event, arg) {
            console.log(this, this === owner) // this, true
            console.log(event.type, arg) // event, 42
        }
    }
    // 指定目标容器节点
    var target = $('#target')
    // 绑定 bx-type 风格的事件
    manager.delegate( target, owner )
    // 移除 bx-type 风格的事件
    // manager.undelegate( target )
})