javascript - 如何使用 keyup 函数删除 div 类？

Question

我想问你关于 keyup 事件监听器的问题，我的不工作。当我按下键时，它会将按下的类添加到 div 中。但是当我释放密钥时，它不会删除类

function keyPressed(e){
  const key = document.querySelector(`.key[data-key="${e.keyCode}"]`);
  key.classList.add('pressed');
}
function removePressed(e) {
  if(e.propertyName !== 'opacity') return;
  this.classList.remove('pressed');
}
const keys = document.querySelectorAll('.key');
keys.forEach(key => key.addEventListener('keyup', removePressed))
window.addEventListener('keydown', keyPressed);

.pressed {
  transform: scale(1.0);
  opacity: 0.7;
}

<div data-key="55" class="key item6">
  <kbd>7</kbd>        
</div>

标签： javascripthtml

Answer 1

尝试

HTML：

<div data-key="55" class="key-item6">
      <kbd>7</kbd>        
    </div>

JS：

$('.key-item6').keyup(function () {
    if ($.trim($('.key-item6').val()).length) {         
        $(this).removeClass('pressed');
    }
});