javascript - 如何使用javascript将页面中的所有链接(href)设置为 "#"

标签 javascript html hyperlink href

如何用javascript将页面中的所有链接(href)设置为“#”

最佳答案

不要将 HREF 更改为 #

将 onclick 函数设置为返回 false。

这将具有相同的效果,同时提供更高的可用性。

这是一个简单的示例(使用 jQuery,但适用于任何内容):

jQuery('a').click( doStuff );

function doStuff()
{
    // ...function body...

    return false;
}

这是有效的,因为从 onX 事件函数返回的值决定了该事件是继续触发还是停止。返回 true 以允许其继续,或返回 false 以停止它。

使用 onclick 这意味着点击已停止(因此链接不被跟随) - 但是它仍然允许人们通过中键和右键单击与链接交互(例如在新选项卡中打开,添加到书签等)

再举个例子,使用 onkeypress 您可以返回 false 以防止将键入的字符添加到输入控件(例如,您可以模仿 HTML5 input="numeric" 通过使用 onkeypress 进行控制,该 onkeypress 对于任何非数字字符都返回 false)。

关于javascript - 如何使用javascript将页面中的所有链接(href)设置为 "#",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3512299/

相关文章:

html - 修改 Bootstrap @media

html - Bootstrap 4 对齐品牌和链接

javascript - 单页网站 anchor 名称链接到页面顶部不会转到页面顶部

css - 如何制作可选择的 A 标签?

javascript - 如何水平滑动元素

javascript - 使用 HTML5 在图像上绘图

JQuery 克隆页面链接不起作用

javascript - 如何通过写入一些文本来打开新选项卡?

javascript - 将 id 属性设置为数据表 1.10.11 <tr>

javascript - 从标记字符串创建节点