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

Question

有什么方法可以在 jQuery 中定义我自己的 "onSomeFunction" 吗？我有一个功能来了解元素是否滚动查看。它的名字是 "isScrolledToView()" and returns true or false。现在我想定义类似下面的代码。这只是一个例子。我想为任何其他功能这样做：

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

请帮我解决这个问题。

Answer 1

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

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

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

Answer 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() }
})

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

Is there any way for define my own "onSomeFunction" for an element in jquery?

jquery

function

any