javascript - 将 .has() 与 keyup 事件一起使用

Question

我正在尝试使用.has()选择器仅在我的身体有图像时执行键控制。

这是我目前正在尝试的，但它不起作用。

if ($('body').has('img')){
   $(document).on('keyup', function (event) {
     if (event.which === 37) {
       console.log('test');
     }
   });
}

Answer 1

试试这个

if ($('body img').length) {
}

Answer 2

我宁愿使用普通选择器检查图像是否存在：

if ($('img').length) {
   $(document).on('keyup', function (event) {
     if (event.which === 37) {
       console.log('test');
     }
   });
}

这是工作小提琴

Answer 3

如果可以将处理程序注册到 body 元素并且图像条件是动态的，那么

$(document).on('keyup', 'body:has(img)', function (event) {
    if (event.which === 37) {
        console.log('test');
    }
});

Answer 4

为什么不：

$(document).on('keyup', 'body', function (event) {
    if($(this).find('img').length) {
       if (event.which === 37) {
           console.log('test');
       }
    }
});