2014-02-09 43 views
0

我創建了一個簡單的提交按鈕,並試圖觸發點擊提交事件但兩者都沒有工作...類型=按鈕,ONCLICK VS的onsubmit

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/

+0

提交事件不是「按鈕」事件,而是「表單」事件。 –

回答

0

問題:功能onclick()不存在的jQuery。

只需使用click() 取代onclick()這是您的jsfiddle與不爲1的例子,但2點事件的回調, '點擊' :)

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

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

你打算用jQuery的.on

jQueryObject.on('click', handler); 

的jQuery對象的onclick性質是不一樣的上一個HTML元素,記住他們是不同的東西。

0

你應該使用「on」和e.preventDefault();防止頁面重新加載。

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

或:

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

使用click功能,不onclick。 jQuery中沒有onclick函數。 onclick是一個HTML event attribute,用於將DOM元素連接到純JavaScript函數。

所以,如果使用jQuery你想以下幾點:

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

這相當於

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

的情況下,你想知道。

+0

@Givi - 它們被稱爲「HTML事件屬性」,簡稱爲「事件屬性」,它是一種內聯事件處理程序。 –

+0

@Derek朕會功夫我相信評論已被刪除 – joelmdev

0

處理表單提交與事件提交。如果'onclick'事件不是處理返回按鈕按下。