Question

我有一些代码运行在＆＃34;模糊＆＃34;元素上的事件。这段代码需要实际使用activeElement，因此实际上无法从＆＃34; blur＆＃34;事件

我希望我能创建这样的活动。目标是＆＃34; willblur＆＃34;事件会在＆＃34;模糊＆＃34;之前触发事件

  var lastTouchedElement;

  $('body').on('click', preBlurHandler);
  $('body').on('focusin', postFocusHandler);
  $('.inp1').on('willblur', function() {alert('willblur');});
  $('.inp1').on('blur', function() {alert('blur');});


  function preBlurHandler(ev) {

    if (!lastTouchedElement) {
      postFocusHandler(ev);
      return;
    }

    var focussingElement = ev.target;

    if (lastTouchedElement === focussingElement || $.contains(lastTouchedElement, focussingElement)) {
      //focus is staying in the same place, do nothing
      return;
    }

    $(lastTouchedElement).trigger('willblur', [ev, {
      target: lastTouchedElement,
      focussingElement: focussingElement
    }]);
  }


  function postFocusHandler(ev) {
    lastTouchedElement = document.activeElement; 
  }

完整代码位于JSFiddle https://jsfiddle.net/t0un95jt/3/

但它不起作用。事实上，它甚至都没有接近。

帮我StackOverflow;你是我唯一的希望。

Answer 1

关键是使用addEventListener代替JQuery的on（），并使用“mousedown”代替“click”。

而不是这一行：

$('body').on('click', preBlurHandler);

我用这个：

window.addEventListener('mousedown', preBlurHandler, true);

addEventListener的最后一个参数：true，表示“在捕获阶段执行此操作”。捕获阶段从最外层元素开始，并通过在后续子元素上触发事件，然后在冒泡阶段开始，然后返回DOM树。

如何创建一个关于模糊＆＃34;或＆＃34;会模糊＆＃34; Javascript中的事件？

1 个答案: