如何在 if 语句中包含鼠标滚动和单击事件

How to include mousewhell scroll and click event in the if statement?

本文关键字：滚动 鼠标 单击 事件 包含 if 语句      更新时间：2023-09-26

如果用户向下滚动鼠标滚轮或单击$('#next')它将执行以下功能，我该如何管理？

var wd = event.originalEvent.wheelDelta;
if (wd < 0 || $("#next").click(function() {}) {
    if (status == 1 && $('body').scrollTop() == $("#b1").offset().top) {
        $('body').animate({
            scrollTop: $("#b2").offset().top
        }, 900);
        prev.style.display = "block";
        b1Slide_b('b1');
        b1Slide('b2');
        status = 2;
    }

包含要在函数中执行的代码，然后启动两个事件以指向该函数：

function stuffToDo(){
 // the stuff you want to do here
}
$("#next").click(function() {
  stuffToDo();
}
$("#next").scroll(function() {
  stuffToDo();
}

这不是最干净的方式，但它允许您根据需要根据事件为函数提供自定义参数。

希望对你有帮助

在你的代码中尝试这样的事情。

制作和示例：JSFIDDLE

function myFunc() {
 $(".content").css({"background":"red"})
};
$(window).scroll(function(){
   if($(window).scrollTop()>0) {
   myFunc();
  };
});
$(".trigger").click(function(){
   myFunc();
});

您需要执行 2 个单独的函数来回调您的函数。在myFunc()中，您可以插入您想要发生的所有事情on scroll或on click在这种情况下更改背景颜色

相关文章：