files/en-us/web/api/notification/click_event/index.md
{{APIRef("Web Notifications")}}{{securecontext_header}} {{AvailableInWorkers}}
The click event of the {{domxref("Notification")}}
interface fires when the user clicks on displayed {{domxref("Notification")}}.
The default behavior is to move the focus to the viewport of the notification's related browsing context. If you don't want that behavior, call {{domxref("Event/preventDefault", "preventDefault()")}} on the event object.
Use the event name in methods like {{domxref("EventTarget.addEventListener", "addEventListener()")}}, or set an event handler property.
addEventListener("click", (event) => { })
onclick = (event) => { }
A generic {{domxref("Event")}}.
In the following example, we use an onclick handler to open a webpage in a new tab
(specified by the inclusion of the '_blank' parameter) once a notification
is clicked:
notification.onclick = (event) => {
event.preventDefault(); // prevent the browser from focusing the Notification's tab
window.open("https://www.mozilla.org", "_blank");
};
{{Specifications}}
{{Compat}}