Отключенная кнопка со шкалой все еще запускает функцию щелчка! Angular - PullRequest
Новая
       9

Отключенная кнопка со шкалой все еще запускает функцию щелчка! Angular

0 голосов
/ 18 марта 2020

У меня есть кнопка, которая отключена. Внутри этой кнопки также есть элемент span. В Chrome, когда кнопка отключена и щелкается, или интервал щелкается, он работает как положено.

Но в IE, даже когда кнопка отключена, он все еще запускает щелчок функция! Для моего приложения крайне важно не запускать функцию щелчка.

Inte rnet Версия Explorer: 11.657.18362.0

HTML Код 

  <button
    [ngClass]="['btn-x', 'btn-y--']"
    (click)="clicked($event)"
    [disabled]="disabled"
  >
    <span [style.pointer-events]="disabled ? 'none' : ''"></span>
    <span *ngIf="showCircle">
      <img src="/*****/icons/******.gif" alt="*****" class="btn-spinner" />
    </span>
  </button>

Angular -функция 

  clicked($event: MouseEvent) {
    if ($event.target !== $event.currentTarget && this.disabled) {
      $event.preventDefault();
    } else {
      this.onClick.emit($event);
    }
  }

Другая проблема заключается в том, что по какой-то причине я даже не могу использовать IE для отладки, поэтому мои возможности весьма ограничены. (Я создаю новый вопрос для этого).

Знаете ли вы альтернативу, как предотвратить вызов этих функций, которая также работает для IE?

Любая помощь приветствуется, Заранее спасибо!

1 Ответ

0 голосов
/ 18 марта 2020 
   <button
    [ngClass]="['btn-x', 'btn-y--']"
    (click)="clicked($event, 'DISABLED')"
    [disabled]="disabled"
  >
    <span [style.pointer-events]="disabled ? 'none' : ''"></span>
    <span *ngIf="showCircle">
      <img src="/*****/icons/******.gif" alt="*****" class="btn-spinner" />
    </span>
  </button>

    clicked($event: MouseEvent, prop) {
    if(prop === 'DISABLED')
       return;
    if ($event.target !== $event.currentTarget && this.disabled) {
      $event.preventDefault();
    } else {
      this.onClick.emit($event);
    }
  }

Это может помочь с любым браузером, но также вы можете реализовать переменную, которая сообщит вам, если это отключено или нет!

...