カスタムオブジェクトをjQuery change（）などに変更するにはどうすればいいですか？

Question

新しいタイプの複合HTML入力を作成したいとします。大雑把にこの

function create_node() 
{ 
    let node = document.createElement ('span'); 
    let a = document.createElement ('input'); 
    let b = document.createElement ('input'); 

    node.appendChild (a); 
    node.appendChild (b); 

    node.value = ''; 

    $(a) .change (function() { /* update node.value */ }); 
    $(b) .change (function() { /* update node.value */ }); 

    return node; 
} 

のように私はこのようなjQueryのコードを書くことができるようにしたい：

let foo = create_node(); 

$(foo).change (function() { /* use foo.value */ }); 

私はそのコールバック意志、のように、適切に$(foo).change(...)作業を行いますどのcreate_thingで行うには何がありますかaまたはbが変更された場合はいつでも呼び出すことができます（正しいthisのコンテキストで）。

Answer 1

inputノードにはすでにchangeイベントがあるため、このイベントはデフォルトで親ノードを吹き飛ばすため、何もする必要はありません。内部ノードが既にchangeイベントを持っていない場合

、あなたはこの

$(internal_node) .click (function() { 
    // ... 
    $(parent_node) .change(); 
}); 

のようなものを行うことができますし、この

$(internal_node) .click (function (e) { 
    e .preventDefault(); 
    e .stopPropagation(); 
});