ionic2 тап против клика

Если вы делаете мобильные приложения, (tap) может быть лучше. Это связано с тем, что при использовании (click) действие выполняется всегда, даже при случайном нажатии. (tap) не будет выполняться, если пользователь удерживает его в течение более длительного периода времени. И если вы хотите иметь кнопку, которую нужно нажимать в течение более длительного периода времени, вы можете использовать (press).

Обратите внимание, что в некоторых версиях ionic событие (click) не будет выполняться на iOS. Поэтому рекомендуется использовать (tap).

Я думаю, это действительно зависит от того, насколько «нативным» вы хотите, чтобы пользовательский интерфейс был.

Событие (tap) поступает из библиотеки Hammer.js. Если вы посмотрите на ссылку, вы увидите требования, которые должны быть выполнены, чтобы событие касания сработало.

Первое требование, о котором следует помнить, — это параметр time со значением по умолчанию 250 мс. Это означает, что если нажатие превышает 250 мс, событие не сработает.

Второе требование, о котором следует помнить, — это параметр threshold со значением по умолчанию 2 (не уверен, что это за единица измерения, возможно, пиксели). Это означает, что если движение прессы больше 2, событие не сработает. Например. двигая пальцем в направлении слева направо над экраном, а затем нажимая элемент во время этого движения, событие может не срабатывать в зависимости от скорости движения.

Однако

Событие (click) по-прежнему будет срабатывать в обоих случаях, на которые я только что указал, при условии, что когда нажатие будет отпущено, оно все еще находится внутри целевого элемента.

В начале причина, по которой я сказал «это действительно зависит», основана на том, как другие приложения обрабатывают эти сценарии (каждое приложение потенциально может отличаться, и оно также может отличаться в зависимости от результата варианта использования).

Насколько мне известно, кнопки в приложениях для Android, которые я проверял (с визуальным результатом, например, с навигацией или всплывающими сообщениями), работают так же, как событие (click), предоставляемое Angular.

Я не могу комментировать, как работают приложения IOS, используя те же принципы, которые я не тестировал.

Я не имею в виду, что в каждом случае использования следует использовать (click) вместо (tap), но постарайтесь принять во внимание, как ведут себя другие нативные приложения, и решить, какое из них наиболее подходит.

Я хотел бы добавить, что вы можете использовать событие (tap) для таких элементов, как button, a, но для элементов, не являющихся кнопками, полезен атрибут tappable:

Если вам нужны мгновенные щелчки по элементам, не являющимся кнопками, вы должны добавить директиву tappable к этому элементу, иначе он будет иметь задержку 300 мс. Например:

<div tappable (click)="someHandler()">Click me</div>

У меня были проблемы с (click) в iOS, но в Android все работало нормально. В iOS, когда я изменил язык приложения и сразу после этой ссылки, он ничего не сделал. Я думаю, что это связано с блокировщиком кликов Ionic https://github.com/driftyco/ionic/issues/ 6996.

В дополнение к вопросу, получившему наибольшее количество голосов, я хотел бы отметить, что (tap) обрабатывает $event по-разному, когда используется в качестве параметра. Если я правильно помню, при использовании (tap) атрибутом target в $event будет элемент, на который вы фактически нажали, а не элемент, который имеет привязку события (tap). Это было бы актуально, если у вас есть дочерние элементы внутри вашего элемента с привязанным к нему (tap).