如何在关闭javascript确认框后从按钮中移除焦点
我有一个按钮,上面有一个引导元素如何在关闭javascript确认框后从按钮中移除焦点,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我有一个按钮,上面有一个引导元素 <button title="delete" type="button" class="btn btn-default btn-sr" data-confirm="Are you sure to delete this item?"><span class="glyphicon glyphicon-trash white"></span></button></a>'; ”; 它有一个css属性,
<button title="delete" type="button" class="btn btn-default btn-sr" data-confirm="Are you sure to delete this item?"><span class="glyphicon glyphicon-trash white"></span></button></a>';
”;
它有一个css属性,我把它涂成红色
当用户单击delete按钮时,将显示JavaScript确认
问题是,每当我单击“取消”时,按钮都会聚焦。如何移除聚焦按钮
以下是jQuery代码:
<script>
$(document).on('click', ':not(form)[data-confirm]', function(e) {
if( !confirm($(this).data('confirm')) ) {
e.stopImmediatePropagation();
e.preventDefault();
}
});
</script>
$(文档)。在('click',':not(form)[数据确认]”,函数(e){
如果(!confirm($(this).data('confirm')){
e、 停止即时复制();
e、 预防默认值();
}
});
移除焦点
$(this).blur();
结束
也许你能试着按下按钮吗
<script>
$(document).on('click', ':not(form)[data-confirm]', function(e) {
if( !confirm($(this).data('confirm')) ) {
e.stopImmediatePropagation();
e.preventDefault();
$(this).blur(); // to make the focus disappear
}
});
</script>
$(文档)。在('click',':not(form)[数据确认]”,函数(e){
如果(!confirm($(this).data('confirm')){
e、 停止即时复制();
e、 预防默认值();
$(this).blur();//使焦点消失
}
});
看看这个:>如果您计划支持盲人和需要ARAI标签的人,那么您应该在打开对话框之前将焦点放在原来的位置。否则,对于不知道焦点放在哪里的用户来说,这会让人感到困惑。wew。。我觉得我真的需要学习更多。。。顺便说一句,谢谢你,不用担心。快乐编码!(请随意接受最适合您的答案)
document.activeElement.blur()
<script>
$(document).on('click', ':not(form)[data-confirm]', function(e) {
if( !confirm($(this).data('confirm')) ) {
e.stopImmediatePropagation();
e.preventDefault();
$(this).blur(); // to make the focus disappear
}
});
</script>