dispatchEvent dispatches a synthetic event to target and returns true if either event's cancelable attribute value is false or its preventDefault() method was not invoked; otherwise false.
target.dispatchEvent(event)
1
2
<!doctype html>
<html>
<body>
<p></p>
<script>
var event = new Event("myevent", {cancelable: true});
event.preventDefault();
document.querySelector("p").innerHTML = document.dispatchEvent(event);
</script>
</body>
</html>
3
<!doctype html>
<html>
<body>
<p></p>
<script>
function myfunction(event)
{
document.querySelector("p").innerHTML = event;
}
var event = new Event("myevent");
document.addEventListener("myevent", myfunction);
document.dispatchEvent(event);
</script>
</body>
</html>
4
<!doctype html>
<html>
<body>
<button>button</button>
<p></p>
<script>
function myfunction(event)
{
document.querySelector("p").innerHTML = event;
}
var event = new Event("mouseover");
var element = document.querySelector("button");
element.addEventListener("mouseover", myfunction);
element.dispatchEvent(event);
</script>
</body>
</html>
Internal
External