jQueryでイベントが存在するかどうかを確認する方法はありますか?私はカスタムネームスペースイベントを使用するプラグインに取り組んでおり、イベントが要素にバインドされているかどうかをチェックできるようにしたいと思います。
$('body').click(function(){ alert('test' )})
var foo = $.data( $('body').get(0), 'events' ).click
// you can query $.data( object, 'events' ) and get an object back, then see what events are attached to it.
$.each( foo, function(i,o) {
alert(i) // guid of the event
alert(o) // the function definition of the event handler
});
オブジェクトの参照(jQueryオブジェクトではない)を$.dataに送り、第2引数に 'events' を送ると、 'click' のようなすべてのイベントを含むオブジェクトが返されます。このオブジェクトをループして、イベントハンドラが何を行うかを見ることができます。
要素のイベントを確認するには:。
var events = $._data(element, "events")
これは直接イベントハンドラでのみ機能することに注意してください。$(document).on( "event-name"、 "jq-selector"、function(){// logic})を使用している場合は、この回答の下部にあるgetEvents関数。
例:。
var events = $._data(document.getElementById("myElemId"), "events")
または。
var events = $._data($("#myElemId")[0], "events")
完全な例:。
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script>
$(function() {
$("#textDiv").click(function() {
//Event Handling
});
var events = $._data(document.getElementById('textDiv'), "events");
var hasEvents = (events != null);
});
</script>
</head>
<body>
<div id="textDiv">Text</div>
</body>
</html>
$(document).on でインストールされた動的リスナーを含む、より完全なチェック方法。
function getEvents(element) {
var elemEvents = $._data(element, "events");
var allDocEvnts = $._data(document, "events");
for(var evntType in allDocEvnts) {
if(allDocEvnts.hasOwnProperty(evntType)) {
var evts = allDocEvnts[evntType];
for(var i = 0; i < evts.length; i++) {
if($(element).is(evts[i].selector)) {
if(elemEvents == null) {
elemEvents = {};
}
if(!elemEvents.hasOwnProperty(evntType)) {
elemEvents[evntType] = [];
}
elemEvents[evntType].push(evts[i]);
}
}
}
}
return elemEvents;
}
使用例:
getEvents($('#myElemId')[0])
jqueryイベントフィルター**を使用します。
を使用すると、次のような使い方ができます。
$("a:Event(click)")