使用JQuery和JavaScript覆盖链接的默认行为

时间:2015-09-18 03:25:03

标签: javascript jquery html

我试图覆盖所有' a'标记在具有特定类的文档中以防止其默认行为并发送javascript警报。到目前为止,这是我的代码:

$('.specific-class').click(function (event) {
    event.preventDefault();
    event.onclick('alert("hello world")');
});

此代码可以阻止链接触发,但它不会发送我的“hello world”#39;消息。

有人知道在单击链接时使警报触发的相应语法吗?如果我能提供任何其他信息,请告诉我们!

2 个答案:

答案 0 :(得分:1)

在处理程序中使用alert,因为此功能将在点击锚点时执行。

$('.specific-class').click(function (event) {
    event.preventDefault();
    alert("hello world");
});

或者您也可以在页面加载时更新onclick属性值

$(document).ready(function() {
    $('.specific-class').attr('onclick', 'alert("Hello World!"); return false;');
});

答案 1 :(得分:1)

您的错误使用的是event.onclick();,而不仅仅是alert(),点击后会触发 这是片段:

$('.specific-class').click(function (e) {
    e.preventDefault();
    alert("hello world");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="specific-class">hi you, click me.</div>