如何用jQuery实现点击指向指定div的链接触发事件？能否用scrollIntoView()？

嘿，我来帮你梳理清楚这个问题～首先得明确：你用的linked_to事件是不存在的，不管是jQuery还是原生JavaScript里，都没有这个内置事件，所以直接这样绑定事件处理器肯定行不通哦。

接下来分场景给你讲可行的实现方式，顺便说说scrollIntoView()怎么配合达成需求：

1. 同一页面内的锚点链接（比如 <a href="#mydiv">） #

这种情况有两种处理思路：

• 监听页面的hashchange事件：当地址栏的hash变成#mydiv时，触发你的自定义函数
• 直接监听指向该div的锚点点击事件

示例代码如下：

// 监听hash变化，适配手动修改地址栏hash的情况
$(window).on('hashchange', function() {
    if (window.location.hash === '#mydiv') {
        // 执行你的自定义操作
        console.log('触发了指向mydiv的链接行为');
        // 用scrollIntoView控制滚动到目标元素，支持平滑滚动
        document.getElementById('mydiv').scrollIntoView({ 
            behavior: 'smooth',
            block: 'start' // 可选：控制元素滚动到视口的位置，比如顶部
        });
    }
});

// 页面加载时如果hash已经是#mydiv，也要触发逻辑
$(document).ready(function() {
    if (window.location.hash === '#mydiv') {
        // 执行操作
        $('#mydiv')[0].scrollIntoView({ behavior: 'smooth' });
    }
});

// 或者直接监听锚点点击事件
$('a[href="#mydiv"]').on('click', function(e) {
    // 可选：如果不想用浏览器默认的锚点滚动，就阻止默认行为
    // e.preventDefault();
    // 执行你的操作
    console.log('点击了指向mydiv的锚点');
    $('#mydiv')[0].scrollIntoView({ behavior: 'smooth' });
});

2. 其他页面/外部站点的链接指向该div（比如 xxx.com/page.html#mydiv） #

这种场景下，用户从外部跳转到你的页面时，地址栏会带上#mydiv的hash。你只需要在页面加载完成后，检查当前的hash值即可——和上面代码里$(document).ready()中的逻辑完全一致，只要hash等于#mydiv，就执行你的自定义函数，同时用scrollIntoView()确保元素滚动到视口内。

关于scrollIntoView()的作用 #

它是原生JavaScript的方法，专门用来让指定元素滚动到浏览器视口的可见区域内，刚好可以完美配合你的需求：当检测到有链接指向#mydiv时，你可以用它来主动控制滚动行为（比如平滑滚动、控制元素在视口的位置），同时执行你的关联函数。

总结一下：你的初始实现方式不可行，因为不存在linked_to这个事件；正确的做法是通过监听hashchange事件、页面加载时的hash值，以及锚点点击事件来触发你的函数，scrollIntoView()可以很好地帮你完成滚动到目标元素的需求。

内容的提问来源于stack exchange，提问作者danbae