Question

我有这个脚本，旨在在您单击目标元素之外时执行功能，因此简单的解决方案是使用blur事件。我用

对输入文件进行模糊处理，并且无法正常运行。这是我在单击输入文件时注意到的，它立即执行该功能。

防止那个？我希望能够单击输入文件元素，然后单击该输入文件元素之外的任何位置，以便能够执行

目标功能。如果使用blur方法无法实现，那么我还可以使用哪些其他方法来做类似的事情？

myApp.config(['$routeProvider', function($routeProvider) {
    $routeProvider.when('/category/:category', {
    templateUrl: function (urlattr) {
        return '/category/' + urlattr.category + '.html';
    },
    controller: 'CategoryController',
    controllerAs: 'categoryCtrl'
  }).otherwise({
    redirectTo: '/category/web_development'
  });
}]);
myApp.controller('CategoryController', ['$routeParams', '$http', function ($routeParams, $http) {
    var categoryCtrl = this;
  // Use $http based on $routeParams.category
}]);

document.querySelector('#x').addEventListener('blur',fx);

function fx(){
  alert('ok')
}

Answer 1

如果打开窗口对话框或在光标位于按钮上方时放开鼠标，input元素会模糊，因为input元素是按钮。

您将必须编写自己的自定义函数来处理这种情况。 window.addEventListener('blur', blur)和window.addEventListener('focus', focus)为此可能会有用。

FWIW，here是每个单个JS事件的列表。

模糊事件在输入文件上无法正常工作

1 个答案: