Question

如何使用javascript处理web控件中的多个事件，以便处理onpaste和textarea中的keyup事件

Answer 1

为元素分配不同的事件处理程序没有特殊技巧，只需按照以下方式定义它们：

var tArea = document.getElementById("myTextArea");

// Define `onpaste` handler - note that Opera doesn't support `onpaste`
tArea.onpaste = function (evt) {
}

// Define `onkeyup` handler
tArea.onkeyup = function (evt) {
}

如果要为同一事件分配多个功能，则需要对IE使用attachEvent，对其他浏览器使用addEventListener。

Answer 2

您可以根据需要为元素添加任意数量的事件处理程序。

element.addEventListener('event-type', handler1, true);
element.addEventListener('another-type', handler2, true);
element.addEventListener('third-type', handler3, true);

function handler1( e ){}
function handler2( e ){}
function handler3( e ){}

当然，这与ie。

不同

element.attachEvent('onevent-type', handler1);
element.attachEvent('onanother-type', handler2);
element.attachEvent('onthird-type', handler3);

因此您必须围绕该代码进行编码或使用库

处理Web控件中的多个事件

2 个答案: