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