javascript - 使用 onblur 启动对 php mysql DB 的 ajax 查询

Question

当人们离开表单输入字段时，我正在尝试(但失败了)使ajax进程正常工作。我需要它发生在表单上任何类型的每个输入字段中。

我正在尝试修改以下内容(确实有效):

$("document").ready(function() {
    $("#getcontent").click(getContent);
});

function getContent() {
    $("#example").load("sampletextcontent.txt");
}

(html中会有一个id=“getcontent”的按钮，html中也会有一个id=“example”的div。单击按钮时，外部文件sampletextcontent.txt的内容将显示在该div中)

正在使用 jquery，版本 2.0.3 jquery.min.js

所以我正在尝试(这就是我失败的地方)是将上面的内容转换为:

$("document").ready(function() {
    $("#input_1_1").onblur(doSend);
    $("#input_1_2").onblur(doSend);
    $("#input_1_3").onblur(doSend);
    $("#input_1_4").onblur(doSend);
    $("#input_1_5").onblur(doSend); // etc for as many fields there are
})

function doSend() {
    // Do some ajax stuff to send the entire value of all form fields in here
}

但它似乎不喜欢这里使用“.click”替换为“.onblur”的概念。为什么是这样？ onblur 不是一个有效的 JS 函数/项目吗？

抱歉，我不是 JS 大师，我在理解 JS 方面遇到了很大的问题。

C

编辑 - 抱歉，我不清楚我正在尝试运行的代码。我想要使​​用的版本中没有按钮，它只是想在用户单击/选项卡远离每个输入字段时触发。抱歉之前没有说清楚。

Answer 1

对于动态 jQuery 事件绑定(bind)，我会尝试使用 .on 函数切换 .click 和 .blur 函数。

举个例子，我会尝试以下操作:

$('body').on('click', '#getcontent', function(){
    DoSomething();
});

和

$('body').on('blur', '#input_1_1', function(){
    DoSomething();
});

on 函数的文档可以在http://api.jquery.com/on/ 找到。 .

这是另一篇 Stack Overflow 文章，也解释了这一点:Event binding on dynamically created elements? .