如何在prototypejs中捕获表单的字段焦点丢失事件

Question

我有一个这样的简单表格：

<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>

我想捕获此表单的文本框焦点丢失（模糊）事件和选择框更改事件。

我不想为整个表单应用更改事件，因为它会导致多次提交表单。

Answer 1

$('input').focus_lost(function() { /写出代码需要的东西/ });

$('option').change(function() { /写出代码需要的东西/ });

/这仅适用于这个给定的表格。从a link >和http://jqueryui.com/了解更多信息/

Answer 2

将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);

});