2011-10-26 40 views
1

丟失事件我有一個簡單的形式是這樣的:如何捕獲窗體的領域集中在prototypejs

<form id='myForm'> 

    <input type='text' name='Textbox'> 

    <select name='SelectBox'> 
    <option class='option1'>option 1</option> 
    <option class='option2'>option 2</option> 
    </select> 

</form> 

我想捕捉這種形式的文本框焦點丟失(模糊)事件,並選擇框更改事件。

我不想爲整個表單應用更改事件,因爲它導致多次提交表單。

回答

3

添加id='SelectBox'到您的選擇框,id='Textbox'你的文本框和嘗試以下操作:

function handleTextBoxBlur(event, element) { 
    console.log("blur"); 
    console.log(element); 
} 
function handleSelectBoxChange(event, element) { 
    console.log("change"); 
    console.log(element); 
} 

document.observe("dom:loaded", function(event) { 

    $("Textbox").on("blur", "input", handleTextBoxBlur); 
    $("SelectBox").on("change", "select", handleSelectBoxChange); 

}); 
+0

這裏的關鍵部分是將事件偵聽器添加到您的特定select元素。這裏是原型文檔:http://api.prototypejs.org/dom/Event/on/ – dontGoPlastic

0

$( '輸入')FOCUS_LOST(函數(){ /寫代碼永遠需要什麼/ })。

$( '選項')改變(函數(){ /寫代碼永遠需要什麼/ })。

/這僅適用於多從a link這給form..Learn>和http://jqueryui.com//

+0

此代碼適用於jQuery,不適用於原型 – dontGoPlastic