addlistener已被弃用替代方案是什么？

cs7cruho 于 2021-09-23 发布在 Java

关注(0)|答案(1)|浏览(658)

我有一个简单的js代码，可以在屏幕宽度小于等于1200px时将html元素从一个div移动到另一个div。它工作得很好，但是addlistener事件处理程序在vsc中被划掉了，我得到警告说它已被弃用。我应该如何更改代码以避免该警告？

$(document).ready(function(){
  var x = window.matchMedia("(max-width: 1200px)");

  function move(x) {
      if (x.matches) {
        $('.menu').insertBefore($('.popup ul'));
      }

      else {
        $('.menu').insertAfter($('.logo'));
      }
  }

  move(x);
  x.addListener(move);
});

jquery JavaScript Html Events media-queries

来源：https://stackoverflow.com/questions/68309889/addlistener-is-deprecated-whats-the-alternative

1条答案

按热度按时间

h22fl7wq1#

皈依 addEventListener 和 change 事件您需要从中提取目标 event 将其传递给 move() .

$(document).ready(function() {
  var x = window.matchMedia("(max-width: 1200px)");

  function move(x) {
    if (x.matches) {
      $('.menu').insertBefore($('.popup ul'));
    } else {
      $('.menu').insertAfter($('.logo'));
    }
  }

  move(x);
  x.addEventListener('change', function(event) {
    move(event.target);
  });
});

赞(0）回复(0）举报 2021-09-23

我来回答

addlistener已被弃用替代方案是什么？

1条答案

相关问题

热门标签

最新问答