Javascript 类型=按钮，Onclick vs Onsubmit

我已经创建了一个简单的提交按钮，并试图触发点击和提交事件，但两者都不起作用

html

拨弄

您的意思是使用jQuery的

jQuery对象的

onclick

属性与HtmleElement上的属性不同，请记住它们是不同的东西。

您应该使用“on”和e.preventDefault（）；防止页面重新加载

$('#test').on('click', function(e){
    e.preventDefault();
    alert('Hi')
});

或：

---

使用

单击

功能，而不是

单击

。jQuery中没有

onclick

函数

onclick

是一种将DOM元素连接到纯javascript函数的方法

因此，如果使用jQuery，您需要以下内容：

$('#test').click(function(){
    alert('Hi');
});

这相当于

$('#test').on('click', function(){
    alert('Hi');
});

如果您想知道。

问题：函数

onclick（）

在jQuery中不存在

只需将

onclick（）

替换为

click（）

下面是一个JSFIDLE的示例，其中不是1个事件回调，而是2个事件回调，用于“单击”：

---

使用提交事件处理表单提交。在“onclick”事件中，它不是处理返回按钮按下。

提交事件不是“按钮”事件，而是“表单”事件。@Givi-它们被称为

HTML事件属性

，简称

事件属性

，这是一种内联事件处理程序。@Derek朕會功夫 我相信这个评论被删除了

$('#test').on('click', function(e){
    e.preventDefault();
    alert('Hi')
});

$('#test').click(function(e){
    e.preventDefault();
    alert('Hi')
});

$('#test').click(function(){
    alert('Hi');
});

$('#test').on('click', function(){
    alert('Hi');
});

$(document).ready(function () {
    $('#test').click(function () {
        alert('Hi')
    })
    $('#test').click(function () {
        alert('Hi2')
    })
})