matchMedia("(min-width: 500px)").addListener(foo);会做什么？那是addListener()函数在这里做什么？当视口(viewport)宽度改变时，它是否执行foo()函数？
最佳答案
是的，它执行foo函数
(来自MDN)
在您的情况下，这意味着如果您从宽度大于500px的窗口开始，然后将其调整为小于500px，则该函数将执行。如果稍后将其调整为宽度大于500px，该函数将再次执行。
以MediaQueryListEvent作为第一个参数调用该函数。它包含boolean matches属性，该属性指示您的媒体查询当前是否与视口(viewport)匹配。
关于javascript - addListener如何与matchmedia API配合使用？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37086372/