元素单击仅使用 javascript

Element click using javascript only

本文关键字：javascript 单击 元素      更新时间：2023-09-26

假设我有以下标记：

<a href="#ada">Test Link</a>
<a href="#" id="next">Next</a>

在#next上，我添加了侦听器来侦听onclick事件，然后触发单击以a[href="#ada"]。如何使用鼠标指针使链接a[href="#ada"]不可点击？我知道如果我省略href属性可以做到这一点，但我不能这样做。

Javascript的东西：

$('#next').on('click', function(e){
    // doing something
});

您可以使用此禁用提交

$("#form_id").submit(function( event ) {
    event.preventDefault();
});

要触发提交，您可以使用这个

$("#trigger_id").click(function() {
    $( "#form_id" ).submit();
});

只需在锚标记中添加一个 onclick="return false" 属性。

<a href="#ada" onclick="return false">Test Link</a>
<a href="#" id="next">Next</a>
好吧，我

刚刚检查过，它对我有用。单击锚标记不执行任何操作

尝试使用 preventDefault（） ：

$('#next').on('click', function(e){
    e.preventDefault();
});

希望这有帮助。

一种非常简单和基本的方法是用不透明度 0div 来覆盖它：

<div style="opacity:0;position:absolute;margin-top:40px;width:200px;height:40px" ></div>
<a href="#" id="next">Next</a>

上面的例子只是试图得到这个概念，可能会有所不同。

相关文章：