Question

我创建了一个简单的提交按钮并试图触发点击和提交事件，但两者都无法正常工作......

HTML

<input type="submit" id="test">

JQuery的：

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

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

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

小提琴 http://jsfiddle.net/x57Lj/

Answer 1

您的意思是使用 jQuery的 .on

jQueryObject.on('click', handler);

jQuery 对象的onclick属性与 HTMLElement 上的属性不同，请记住它们是不同的东西。

Answer 2

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

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

或：

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

Answer 3

使用click功能，而不是onclick。 jQuery中没有onclick函数。 onclick是一个HTML event attribute，用于将DOM元素连接到纯JavaScript函数。

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

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

相当于

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

万一你想知道。

Answer 4

问题： jQuery中不存在函数onclick()。

只需将onclick()替换为click() 这是一个你的jsfiddle的例子，不是1，而是'click'的2个事件回调：）

http://jsfiddle.net/x57Lj/3/

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

Answer 5

使用提交事件处理表单提交。如果'onclick'事件，它不会按下返回按钮。

键入=按钮，Onclick vs Onsubmit

5 个答案: