Суммируйте все нажатия клавиш внутри Iframe, используя Javascript - PullRequest
1 голос
/ 17 февраля 2020

Я создал простой сайт с использованием AppScript. На моей странице есть отключенный блок и 3 столбца iframe, встроенные в мои рабочие инструменты. (Я изменил URL в целях конфиденциальности)

Вот мой веб-сайт: Workspace

Что мне нужно, как только я нажму на любой фрейм, открою рабочий инструмент и нажму одну из Эти буквы (A, S, D, 'Shift + Enter', U, Y, T & N) будут подсчитывать, сколько раз я нажимал эти буквы внутри iframe, и отображать значение в поле отключенных над моим веб-сайтом. У меня есть 3 iframe и всякий раз, когда я выбираю, будет иметь тот же результат.

Вот мой код:

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">

<style>
body {
 margin: 0;
}

.row {
 display: flex;
 flex-wrap: wrap;
}

.embed-responsive {
 position: relative;
 display: block;
 width: 100%;
 padding: 0;
 overflow: hidden;
}

.embed-responsive::before {
 display: block;
 content: "";
}

.embed-responsive .embed-responsive-item {
 left: 0;
 width: 100%;
}

.col-md-4 {
 width: 100%;
 padding: 15px;
 box-sizing: border-box;
}

@media(min-width: 768px) {
 .col-md-4 {
  max-width: 33.33333%;
  flex: 0 0 33.33333%;
 }
}
</style>

</head>
    <body onload="window.resizeTo(600,800)">
    <input type="text" placeholder="total ticket" style="margin-left:19px;" disabled >
        <div class="row">
          <div class="col-md-4">
            <div class="embed-responsive embed-responsive-16by9">
              <iframe class="embed-responsive-item" src="URL HERE" width="98%" height="1000px" ></iframe>
            </div>
          </div>
          <div class="col-md-4">
            <div class="embed-responsive embed-responsive-16by9">
              <iframe class="embed-responsive-item" src="URL HERE" width="98%" height="1000px"></iframe>
            </div>
          </div>
          <div class="col-md-4">
            <div class="embed-responsive embed-responsive-16by9">
              <iframe class="embed-responsive-item" src="URL HERE" width="98%" height="1000px"></iframe>
           </div>
         </div>
       </div>
    </body>
</html>
<script>
function isCharacterKeyPress(evt) {
    if (typeof evt.which == "undefined") {
        // This is IE, which only fires keypress events for printable keys
        return true;
    } else if (typeof evt.which == "number" && evt.which > 0) {
        // In other browsers except old versions of WebKit, evt.which is
        // only greater than zero if the keypress is a printable key.
        // We need to filter out backspace and ctrl/alt/meta key combinations
        return !evt.ctrlKey && !evt.metaKey && !evt.altKey && evt.which != 8;
    }
    return false;
}

<input type="text" onkeypress="alert(isCharacterKeyPress(event))">
</script>

Мой JavaScript не работает. Есть кто-то, кто может мне помочь? 101

Пожалуйста, помогите мне, я боролся в этом уже неделю. ??

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...