JSFiddle - React, Tailwind, and code Playground

by leez20120909

HTML

<div id="maincontainer">
<input type="button" value="BUTTOM" />
</div>

JavaScript

(function ($) {
            $.widget("myns.buttonMonitor", {
                //默认参数 
                options: {

                },
                //初始化，控件生命周期内只运行一次
                _init: function () {
                    var self = this;
                    $(self.element[0]).find('input:button').on('click', function (jevent) {
                        alert("已监测到你按下了"+jevent.target.value+"按钮!");
                    });
                },
                //创建控件，控件生命周期内会运行多次 
                _create: function () {
                },
                //设置参数 
                _setOption: function (key, value) {
                    // In jQuery UI 1.8及以前用法 
                    $.Widget.prototype._setOption.apply(this, arguments);
                    // In jQuery UI 1.9及以后用法
                    this._super("_setOption", key, value);
                },
                // 释放控件
                destroy: function () {
                    // In jQuery UI 1.8及以前用法 
                    $.Widget.prototype.destroy.call(this);
                    // In jQuery UI 1.9及以后
                }
            });
        })(jQuery);
        $(function () {
            $('#maincontainer').buttonMonitor();
        });