javascript - 将 JavaScript 代码添加到现有事件

Question

我想向现有 JavaScript 事件添加一个函数:

<input type="text" value="" maxlength="2048" accesskey="S" title="Rechercher..." id="ctl00_ctl42_g_c33cc49a_f2b3_4d8f_9da7_c43b759a91ea_csr_sbox" autocomplete="off" autocorrect="off" onkeypress="if (Srch.U.isEnterKey(String.fromCharCode(event.keyCode))) { $getClientControl(this).search(this.value);return Srch.U.cancelEvent(event); }" onkeydown="var ctl = $getClientControl(this);ctl.activateDefaultQuerySuggestionBehavior();" onfocus="var ctl = $getClientControl(this);ctl.hidePrompt();ctl.setBorder(true);" onblur="var ctl = $getClientControl(this);ctl.showPrompt();ctl.setBorder(false);" class="ms-textLarge ms-srch-sbLarge-fullWidth">

我想将此函数添加到事件onkeydown:

if(window.location.href.indexOf("#k=") > -1) { 
    $("#reset").show();
}

Answer 1

为什么不使用侵入性更小、可读性更强的方式来编写 js addEventListener

var element = document.querySelector( ".ms-srch-sbLarge-fullWidth" );
element.addEventListener( "keydown", function(){
  var ctl = $getClientControl(this);
  ctl.activateDefaultQuerySuggestionBehavior();
  if(window.location.href.indexOf("#k=") > -1) { 
    $("#reset").show();
  }
});