javascript - 防止硬编码的 JavaScript 事件

Question

<select onchange="window.location='/staff/add_combo.php?page='+this[this.selectedIndex].value+'&amp;ipp=2';return false" class="paginate">

有什么方法可以阻止此元素上的 onchange 事件吗？

Answer 1

您只想永久还是暂时删除处理程序？

//grabs first select on page
var mySelect = document.getElementsByTagName('select')[0];

// permanently
mySelect.onchange = function(){};//noop

//temporarily
var toggle = true;
var orig  = mySelect.onchange;
mySelect.onchange = function(){
  if(toggle) toggle = false;
  else orig.call(mySelect);
};

永久版本只会破坏现有的处理程序。

临时版本保存原始的 onchange 处理程序，并根据应用程序中的其他状态(在本例中为“toggle”变量)调用它。