是否对documentready变化事件火?(Does the change event fire

2019-10-20 04:14发布

我有的:

我有两个文本框。 页面加载的时候,第一个文本框的值被应用到第二位。

我需要的:

我需要更改事件的页面加载时触发。

我的代码:

HTML:

a: <input type="text" id="a" value="x" />
b: <input type="text" id="b" value="y" />

JQuery的:

// Apply value of #a to #b and fire change event...
$('#b').val($('#a').val()).change();

// Listen for the change and alert...
$('#b').on('change', function() {
    alert("Change event fired on load.");
});

的jsfiddle:

为了您的方便: http://jsfiddle.net/clarusdignus/rHYLM/

我的问题:

改变事件不点火。

Answer 1:

该事件由代码发射后的事件处理程序连接

首先应该是

  // Listen for the change and alert...
$('#b').on('change', function() {
    alert("Change event fired on load.");
});

// Apply value of #a to #b and fire change event...
$('#b').val($('#a').val()).change();

其次应该是

// Listen for the change and alert...
$('#b').on('change', function() {
    alert("Change event fired on load.");
});

// Apply value of #a to #b and fire change event...
$('#b').val($('#a').val()).trigger('change');


Answer 2:

你应该触发更改事件。 所以...

$('#b').val($('#a').val()).trigger('change');

此外,你需要告诉JavaScript来exec的这些行文档加载(就绪) 之后 。 这是可以做到包裹在这里面你的代码:

$(函数(){/ *你的代码* /});

至极是一个simplifyed版本:

$(文件)。就绪(函数(){...});



文章来源: Does the change event fire on documentready?