Нажатие клавиш не сработает на всех моих социальных кнопках, только одна? - PullRequest
Новая
       32

Нажатие клавиш не сработает на всех моих социальных кнопках, только одна?

0 голосов
/ 16 ноября 2018

Я использую библиотеку ShareThis для сайта, над которым я работаю.Я хочу сделать этот сайт доступным, чтобы пользователь мог пролистывать, нажимать клавишу ввода и инициировать событие клика.Прямо сейчас, когда пользователь нажимает клавишу ввода на любой из кнопок социальных сетей, появляется консольное сообщение, но оно не обрабатывается как щелчок и не открывается страница общего доступа.

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

Вот мой код JS: 

$('.sharethis-body .keypress-click').each(function () {
    $(this).keypress(function (e) {
        var key = e.which;
        if (key == 13) // the enter key code
        {
            $(this).click();
            console.log("click");
            return false;
        }
        return true;
    });
});

А вот мой HTML: 

    <div class="sharethis-body">
        <div class="sthoverbuttons-label"><span>Share</span></div>
        <span tabindex="0" class='st_facebook_large keypress-click' displaytext='Facebook' aria-label='Facebook'></span>
        <span tabindex="0" class='st_twitter_large keypress-click' displaytext='Tweet' aria-label='Twitter'></span>
        <span tabindex="0" class='st_googleplus_large keypress-click' displaytext='Google +' aria-label='Google Plus'></span>
        <span tabindex="0" class='st_linkedin_large keypress-click' displaytext='LinkedIn' aria-label='LinkedIn'></span>
        <span tabindex="0" class='st_email_large keypress-click' displaytext='Email' aria-label='Email'></span>
    </div>

Любая помощь с этим будет принята с благодарностью!

1 Ответ

0 голосов
/ 16 ноября 2018

Не зная, как используется ShareThis, но вашу проблему можно исправить, изменив значение «span» на «button».Используя кнопки, вы получаете встроенную способность фокусировки.Вы также можете очистить свой код, чтобы он выглядел примерно так:

Facebook

...