使用Javascript或Jquery查找为对象指定了哪个事件？

Question

我们可以使用其中的名称或ID来获取HTML元素的属性，如下所示：

document.getElementById('id').value; //Javascript** 

$('#id').attr('class');  // jquery to get corresponding elements class**

像这样，有什么方法可以获取指定的事件？在HTML方面，我这样做：

"<"input name='student' onclick='show()'">"

我的需要是，那么我们如何获得为输入学生指定的事件？

Answer 1

不确定我知道如何，但是您可以执行类似操作

var el  = document.getElementById("id"),
    arr = [];

for (var i=0, attrs=el.attributes, l=attrs.length; i<l; i++){
    if (attrs.item(i).nodeName.indexOf('on') === 0) {
        var o = {};
        o[attrs.item(i).nodeName] = attrs.item(i).nodeValue;
        arr.push(o);
    }
}

这会将所有内联事件处理程序附加到该元素，并放入一个数组，如下所示：

[{'onclick' : 'show()'}, {'onmouseenter' : 'javascript:void(0)'}]

等...

FIDDLE

Answer 2

var attrs = $('input').get(0).attributes;
var f = Array.prototype.filter.call(attrs, isEvent); //Filter all attributes
//f now contains all attribute nodes that are events
f.forEach(function(e) { console.log(e.nodeName); });    

function isEvent(element) {
    return element.nodeName.startsWith('on');
}

对于以下输入标记，它将记录onclick，onchange。适用于内联事件或使用JavaScript创建的事件属性。

<input name='student' onclick='show()' onchange='return true;'/>

或

var el = $('input').get(0);
el.setAttribute('onkeyup', function() {});
getEventsFor(el).forEach(function(e) {
    console.log(e.nodeName); //onSomeEvent
    console.log(e.nodeValue); // attached handler
});

function isEvent(element) {
    return element.nodeName.startsWith('on');
}

function getEventsFor(element) {
    var attrs = element.attributes;
    return Array.prototype.filter.call(attrs, isEvent);
}

JSFiddle