Onキー押下変更イベントのテキストボックスとボタンクリックトリガ変更イベントのテキストボックスjquery

Question

キー押下時にテキストボックスの変更イベントをキャンセルしたい場合、ボタンクリック時にトリガしたいと思います。 これは私のHTML

$('#btn1').on('click', function() { 
 
    var target = '#test'; 
 
    $(target).on("change"); 
 
    $(target).focus(); 
 
    $(target).val('HELLO').trigger('change'); 
 
}); 
 

 
$("#test").change(function(event) { 
 
    alert($(this).val()) 
 
}); 
 
$('#test').on('keypress', function(event) { 
 
    if (event.keyCode === 13) { 
 
     event.stopImmediatePropagation(); 
 
     $(this).off("change"); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" id="test" /> 
 
<input type="submit" id="btn1" value="BUTTON1" />

の一例であるが、それは変更イベントを発射されていません。

お願いします。事前におねがいします。

JSFiddle

Answer 1

$('#btn1').on('click', function() { 
       var target='#test'; 
     $(target).on("change",changeText($(target))); 
     $(target).focus(); 
     $(target).val('HELLO').trigger('change'); 
}); 

function changeText($this) { 
    alert($this.val()) 
} 
$('#test').on('keypress', function (event) { 
     event.stopImmediatePropagation(); 
     $(this).off("change"); 
}); 

イベントは、関数のparamではなかったし、プロパゲーションhttps://jsfiddle.net/0624eq86/20/

Answer 2

を使用しようと私はあなたがJavaScriptコード

で "イベント" を追加し忘れると思う置き換える：

$('#test').on('keypress', function() { 
    event.stopImmediatePropagation(); 
    $(this).off("change"); 
}); 

：

$('#test').on('keypress', function(event) { 
    event.stopImmediatePropagation(); 
    $(this).off("change"); 
}); 

Answer 3

function test(val){ 
 
    alert(val); 
 
} 
 
$('#btn1').on('click', function() { 
 
    var target = '#test'; 
 
    $(target).focus(); 
 
    $(target).val('HELLO').trigger('change'); 
 
    $(target).on("change", test($(target).val())); 
 
}); 
 

 
$('#test').on('keypress', function(event) { 
 
    event.stopImmediatePropagation(); 
 
    $(this).off("change"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" id="test" /> 
 
<input type="submit" id="btn1" value="BUTTON1" />

は答えを確認してください、私はこれがあなたのために働くことを願っています。 私は、ONクリックイベント時に呼び出される関数テストを作成しました。