Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.
The mozbrowsericonchange event is sent when a new icon (e.g. <link rel="icon"> or <link rel="apple-touch-icon">) is available in the browser <iframe>'s content.
It will be fired once for each icon available.
General info
- Specification
- Non standard
- Interface
CustomEvent- Bubbles
- Yes
- Cancelable
- Yes
- Target
<iframe>- Default Action
- None
Properties
| Property | Type | Description |
|---|---|---|
target Read only |
EventTarget |
The browser iframe |
type Read only |
DOMString |
The type of event. |
bubbles Read only |
Boolean |
Whether the event normally bubbles or not |
cancelable Read only |
Boolean |
Whether the event is cancellable or not? |
details Read only |
object |
A custom object. |
details
The details property returns an anonymous JavaScript object with the following properties:
- href
- A
DOMStringrepresenting the path to the new icon. - sizes
- A
DOMStringlisting the sizes the new icon is available in, e.g."16x16"or "16x16 32x32". Theanykeyword can also be used, to represent "any size." - rel
- A
DOMStringrepresenting therelattribute value from the<link>element used to link to the icon.
Example
var browser = document.querySelector("iframe");
browser.addEventListener("mozbrowsericonchange", function( event ) {
console.log("The URL of the new favicon is:" + event.details.href);
});
Related Events
mozbrowserasyncscrollmozbrowserclosemozbrowsercontextmenumozbrowsererrormozbrowserloadendmozbrowserloadstartmozbrowserlocationchangemozbrowseropenwindowmozbrowsersecuritychangemozbrowsershowmodalpromptmozbrowsertitlechangemozbrowserusernameandpasswordrequired