Как снять выделение с помощью jquery

Его немного сложно объяснить, но я попробую.

Всякий раз, когда кто-то нажимает на привязку, временно появляется пунктирная рамка. Например, когда вы нажимаете на логотип stackoverflow поверх этой страницы, временно окружен пунктирной линией. Поскольку страница обновляется, пунктирная рамка уходит.

Но с ajax ссылка не обновляется, поэтому на ней остается пунктирная рамка. Как удалить этот точечный прямоугольник. Когда вы нажимаете где-то на странице, пунктирная рамка уходит. Как это сделать с помощью jquery или любым другим способом.

Ответ 1

Чтобы отменить выбор, вы можете вызвать событие blur в элементе привязки, например:

$('a').click(function () {
  this.blur(); // or $(this).blur();
  //...  
});

element.blur() удалит фокус клавиатуры из текущего элемента.

Ответ 2

Не используйте jQuery или JavaScript, чтобы исправить это. Вы можете удалить его, используя прямой CSS. Просто будьте осторожны, поскольку это функция юзабилити:

В вашей таблице стилей CSS (все элементы):

/* Disable all focus styles */
:focus { outline: 0; }

В CSS (целевая ссылка):

#mylink:focus { outline: 0; }

Проблема с решениями blur() заключается в том, что прямоугольник фокуса мгновенно мерцает, а затем выключается.

Ответ 3

Это поле фокусируется. Вы можете попробовать:

$("#mylink").blur();

так:

$("#mylink").click(function() {
  $.ajax({...});
  $(this).blur();
  return false;
});