(1):switch on
<div class="switch uba bc-border bc-head" data-checked="true">
<div class="switch-btn sc-bg-active "></div>
</div>
<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 () {}))
}