如何从行动中的文本框中失去焦点?

时间:2015-08-04 07:18:24

标签: angularjs textbox

当用户点击输入时我遇到问题我得到弹出窗口和深色背景,但焦点仍然停留在文本框上并且它的闪烁使其可见,当用户点击外框时它停止(失去焦点)。

当用户点击或输入时弹出窗口时,我想从文本框中失去焦点。

1 个答案:

答案 0 :(得分:3)

您可以使用directive强制触发blur事件,如下所示:

myApp.directive('blurOnEnter', function () {
    return function (scope, elem, attrs) {
        elem.bind('keydown keypress', function (e) {
            if (e.which === 13) {
                e.preventDefault();
                elem.blur();
            }
        });
    }
 });

然后您只需在文本框中设置指令:

<input type="text" blur-on-enter>

参见jsFiddle:http://jsfiddle.net/nq6fgse1/