In this 3rd post in the "Every _____" series, we will be looking at every HTML event attribute. The event attributes are used to trigger scripts after a certain event on the website, like clicking a button or when an image loads in. These are powerful attributes that can provide tons of functionality to a website.
Like my other posts, I will be rating them from S to F, and we will only look at event attributes that are supported in HTML5.
-
onafterprint: The On After Print Event
Starting off with a mouthful, we have the onafterprint event. This will trigger when a page has started printing, or if the print dialogue box has been closed.
<body onafterprint="myFunction()">Never in my life have I ever thought of using this event. I think the use cases for this are so rare it would be unlikely that anyone ever encounters it. Not only that, since your browser doesn't know if you actually printed or not, this event still triggers even if you didn't print. It is also not supported by Safari or Opera, and even in the browsers it is supported by it's use is inconsistent. All around, this is a bad event attribute.
Rating: F
-
onbeforeprint: The On Before Print Event
Similar to the previous event, this event triggers when a page is about to be printed, before the print screen appears.
<body onbeforeprint="myFunction()">Like the previous one, this seems fairly niche, but I can think of some use for this. For example, if there is a known issue with printing a page, you could have a pop up appear before the user prints in order to tell them how to remedy this issue. Although this event is not supported by Safari or Opera, it works consistently among supported browsers. Therefore, in my opinion, it is more useful than onafterprint.
Rating: D