Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/430.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在关闭javascript确认框后从按钮中移除焦点_Javascript_Jquery_Html_Css_Twitter Bootstrap - Fatal编程技术网

如何在关闭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>