JS 代码:判断图片是否在屏幕内并执行操作
我不确定你需要的是什么,这里提供两种可能的解决方案:
- 判断图片是否出现在屏幕内,如果出现则返回,否则点击指定坐标:
// 获取图片元素
var img = document.getElementById('my-image');
// 判断图片是否出现在屏幕内
if (img.getBoundingClientRect().top >= 0 && img.getBoundingClientRect().bottom <= window.innerHeight) {
// 图片已经出现在屏幕内,执行返回操作
window.history.back();
} else {
// 图片未出现在屏幕内,点击指定坐标
var x = 100; // 点击横坐标
var y = 200; // 点击纵坐标
document.elementFromPoint(x, y).click();
}
- 监听屏幕滚动事件,判断图片是否出现在屏幕内,如果出现则返回,否则点击指定坐标:
// 获取图片元素
var img = document.getElementById('my-image');
// 监听屏幕滚动事件
window.addEventListener('scroll', function() {
// 判断图片是否出现在屏幕内
if (img.getBoundingClientRect().top >= 0 && img.getBoundingClientRect().bottom <= window.innerHeight) {
// 图片已经出现在屏幕内,执行返回操作
window.history.back();
} else {
// 图片未出现在屏幕内,点击指定坐标
var x = 100; // 点击横坐标
var y = 200; // 点击纵坐标
document.elementFromPoint(x, y).click();
}
});
原文地址: https://www.cveoy.top/t/topic/jqhT 著作权归作者所有。请勿转载和采集!