有什么方法可以为 jquery 中的元素定义我自己的“onSomeFunction”吗？答案

【问题标题】：Is there any way for define my own "onSomeFunction" for an element in jquery?有什么方法可以为 jquery 中的元素定义我自己的“onSomeFunction”吗？
【发布时间】：2019-02-14 10:28:03
【问题描述】：

有什么方法可以在 jQuery 中定义我自己的“onSomeFunction”吗？我有一个功能可以了解元素是否滚动查看。它的名字是“isScrolledToView()”并返回真或假。现在我想定义类似下面的代码。它只是一个例子。我想为这样的任何其他功能做这件事：

$("div.myDiv").on("scrolledToView", function() {
    alert("Scrolled To View")
})

请帮帮我。

【问题讨论】：

你想了解IntersectionObserver。

标签： jquery function any

【解决方案1】：

所以你可以像下面这样在滚动事件上调用函数

$("div.myDiv").on( 'scroll', function(){
   scrolledToView(); /* This is your custom function */
});

一旦您调用该函数，该函数将仅在滚动事件时执行，您可以从该函数执行任何您想做的事情。

【讨论】：

【解决方案2】：

没那么容易！但是，是的，这是可能的。但是现在，让我们寻找一个简单的方法：在这种情况下，我们可以简单地使用：

let onScrollIntoView = () => {
    // do some stuff...
}
window.addEventListener("scroll", function() {
    const isVisible = true // or false// Chek if that element is in the viewport
    if (isVisible) { onScrollIntoView() }
})

【讨论】：