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

发布于 2024-12-11 17:38:26 字数 396 浏览 0 评论 0原文

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

<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 更改事件。

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

原文

I have a simple form like this:

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

I want to capture this form's Textbox focus lost (blur) event and SelectBox change event.

I don't want to apply change event for whole form because it causing to submit form more than one time.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

笑饮青盏花 2024-12-18 17:38:26

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

});

Add id='SelectBox' to your select box and id='Textbox' to your text box and try the following:

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