Изменить цвет одного div с помощью нажатия клавиши jquery / javascript - PullRequest
0 голосов
/ 12 декабря 2018

Я хочу изменить цвет одного деления, нажав кнопку «1».У меня воспроизводится куча видео, и когда вы нажимаете «1», начинается воспроизведение определенного видео.Я хочу создать что-то похожее на панель управления, чтобы при нажатии кнопки «1» включалось видео (которое я использую при нажатии клавиш в javascript) , но также меняло цвет моего div при нажатии«1»

HTML

</head>
<body>

<div class="intro">Press The Number Keys and Q W E To Activate Video
</div>

<div id="one">1</div>

JAVASCIPT JQUERY

$(document).ready(function() {
  $(document).keypress(function(event) {
    if (event.which === 49) {
      $("#one").css('background-color'),("#00ffff");
    }
  });
 });


document.onkeypress = function(e) {
  console.log(e)
  if (e.key === "1" ) {
   var vid = document.getElementById('vid');
   vid.paused ? vid.play() : vid.pause();
   var vid = document.getElementById('vid').style.opacity = '1';

  } else if (e.key === "2" ) {
   var cami = document.getElementById('cami');
   cami.paused ? cami.play() : cami.pause(); 
   var cami = document.getElementById('cami').style.opacity = '1';

  }

Ответы [ 2 ]

0 голосов
/ 12 декабря 2018

Что-то подобное должно привести вас туда.Просто в песочнице логику смены цвета фона.

<div class="intro">Press The Number Keys and Q W E To Activate Video
</div>


<div id="changeExample">This is a test</div>

document.onkeypress = function(e) {
  console.log(e)
  if (e.key === "1" ) {
        if( $("#changeExample").hasClass("red")  ){

            $("#changeExample").removeClass("red").addClass("pink").css("background-color", "pink");

        }
        else if( $("#changeExample").hasClass("pink") ){
            $("#changeExample").removeClass("pink").addClass("red").css("background-color", "red");
        }
        else{
            $("#changeExample").addClass("red").css("background-color", "red");
        }

  }
}
0 голосов
/ 12 декабря 2018

Просто добавьте это к вашему if утверждению: vid.style.backgroundColor = "yourcolor";

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