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>

我想捕获此表单的Textbox焦点丢失（模糊）事件和SelectBox更改事件。

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

Answer 1

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

});

Answer 2

$（'input'）。focus_lost（function（）{   / 写下代码需要的内容 /   }）;

$（'option'）。change（function（）{    / 写下代码需要的内容 /   }）;

/ 这仅适用于此特定表单。从a link＆gt;和http://jqueryui.com/ /
了解详情

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

2 个答案: