Custom event with custom trigger in javascript

Question

In JQueryMobile you can do this:

$(document).on("pagebeforehide","#pagetwo",function(){
  alert("pagebeforehide event fired - pagetwo is about to be hidden");
});

Is this possible with custom events? Something like so:

document.addEventListener("someevent", "sometrigger", function () {});

Answer 1

Try

 $(document).on("someevent", "div", function(e) { console.log(this.innerText) }); var elem = $("div:contains('abc')"); if (elem.length) { elem.trigger("someevent") }; 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <div>abc</div> <div>123</div> 

See .trigger()