APPCan 深入解析 switchBtn

（1）：switch on

<div class="switch uba bc-border bc-head" data-checked="true">
  <div class="switch-btn sc-bg-active "></div>
</div>

（2）：switch off 

<div class="switch uba bc-border" data-checked="false">
  <div class="switch-btn sc-bg-active "></div>
</div>

自己写的JS方法 

        var tag=true;
        $(".switch").on('click',function(){
             var obj=$(this);
             "false" == obj.attr("data-checked") ? obj.addClass("bc-head") : obj.removeClass("bc-head");
             if(tag){
                 obj.attr("data-checked","true");
                 tag=false;
             }
             else{
                 obj.attr("data-checked","false");
                  tag=true;
             }
            
        });

新发现：

tap,onclick,ontouchstart,onmousedown,ontouchend,onmouseup,onclick,ontouchstart,onmousedown,omouseup,

 function m(a, b) {
            var c = window.event.currentTarget || window.event.srcElement,
                e = window.event.type,
                f = "ontouchstart" in window,
                g = d(c),
                h = g.data("inline_event_data");
            h || (h = {}, h.clickFun = g.attr("onclick"), h.startFun = g.attr("ontouchstart") || g.attr("onmousedown"), h.endFun = g.attr("ontouchend") || g.attr("onmouseup"), h.startClassName = a, h.startCallFun = b, h.endClassName = h.startClassName, h.endCallFun = h.startCallFun, g.data("inline_event_data", h), g.attr("onclick", ""), g.attr("ontouchstart", ""), g.attr("onmousedown", ""), g.attr("ontouchend", ""), g.attr("onmouseup", ""), f ? (g.on("touchstart", function () {
                    h.startClassName && d(this).addClass(h.startClassName)
                }), g.on("touchend", function () {
                    h.endClassName && d(this).removeClass(h.endClassName)
                }), g.on("touchcancel", function () {
                    h.endClassName && d(this).removeClass(h.endClassName)
                }), g.on("tap", function () {
                    appcan.isFunction(h.startCallFun) && h.startCallFun.apply(this, [].slice.call(arguments));
                    var a = new Function(h.clickFun);
                    a()
                })) : (g.on("mousedown", function () {
                    if (h.startClassName) {
                        var a = this;
                        d(this).addClass(h.startClassName),
                        setTimeout(function () {
                            d(a).removeClass(h.endClassName)
                        }, 300)
                    }
                }), g.on("mouseup", function () {
                    h.endClassName && d(this).removeClass(h.endClassName)
                }), g.on("click", function () {
                    appcan.isFunction(h.startCallFun) && h.startCallFun.apply(this, [].slice.call(arguments));
                    var a = new Function(h.clickFun);
                    a()
                })), g.addClass(h.startClassName), g.on("webkitTransitionEnd", function () {}))
        }