scriptbot的前端开发经验总结

jquery

片段

选取包含sidebar-nav-link这个class的a标签,添加一个click监听事件，事件的目的是动态修改class

$(".sidebar-nav-link a").click(function () {
    $('.active').removeClass('active');
    $(this).addClass('active')
});

监听按键操作，并且当包含am-modal这个class的元素不可见时，使quickFilter这个文本框获得焦点，这样按键便会成为文本框的输入操作 按键码是27即按下esc键时，将quickFilter文本框内容清空， quickFilter.blur();quickFilter.trigger('change');的作用是让quickFilter上的ng-modal起作用，不然的话数据是不会回写的，参考Angular中Jquery修改input的值之后如何更新Model

quickFilter = $("[quickFilter]");

$(document).keypress(function (e) {
    if ($(".am-modal:visible").length === 0) {
        quickFilter.focus();
    }
});
$(document).keyup(function (e) {
    if ($(".am-modal:visible").length === 0 && e.keyCode === 27) {
        quickFilter.val("");
        quickFilter.blur();
        quickFilter.trigger('change');
    }
});

angularjs