I recently programmed a menu interface for javascript that lets you dynamically add options to it and mostly works with mouseEnter Events . I thne added some basic video Controls to it with request/exit Fullscreen that trigger on one of these mouseEnter events most of the time it displays <code>Failed to execute 'requestFullscreen' on 'Element': API can only be initiated by a user gesture.</code> however (weird part :) sometimes it works and im not sure how the browser api decides wether an action is a user gesture or not oO any help would be appreciated thanks

Here is the list of events that can trigger "by user activation" as defined by the specs: <blockquote> <ul> <li>change</li> </ul> </blockquote> <ul> <li>click</li> <li>contextmenu</li> <li>dblclick</li> <li>mouseup</li> <li>pointerup</li> <li>reset</li> <li>submit</li> <li>touchend</li> </ul> This is what your error message refers to when they say "a user gesture". <code>mouseenter</code> is not part of this list. Most likely, when it worked, it was because one of those event did happen less than a few ms before (IIRC it's 50ms in Chrome currently).

what constitues user gesture

Tags:

javascript

google-chrome

html5-fullscreen

I recently programmed a menu interface for javascript that lets you dynamically add options to it and mostly works with mouseEnter Events . I thne added some basic video Controls to it with request/exit Fullscreen that trigger on one of these mouseEnter events most of the time it displays Failed to execute 'requestFullscreen' on 'Element': API can only be initiated by a user gesture. however (weird part :) sometimes it works and im not sure how the browser api decides wether an action is a user gesture or not oO any help would be appreciated thanks

694

asked May 31 '19 03:05

jonathan Heindl

1 Answers

Here is the list of events that can trigger "by user activation" as defined by the specs:

change

click
contextmenu
dblclick
mouseup
pointerup
reset
submit
touchend

This is what your error message refers to when they say "a user gesture".

mouseenter is not part of this list.

Most likely, when it worked, it was because one of those event did happen less than a few ms before (IIRC it's 50ms in Chrome currently).

193

answered Sep 22 '22 18:09

Kaiido

Related questions
                            
                                How to control cache in Nestjs?
                            
                                Gulp: Task function must be specified at Gulp.set
                            
                                Webpack 4 + Babel 7.4.0 + Babel Polyfill
                            
                                Reduce array of object to totals by property object
                            
                                Convert number to ArrayBuffer
                            
                                How to insert multiple elements into the same index in a multidimensional array?
                            
                                Number or String while setting style values with javascript
                            
                                Convert the timestamp into ("MMM DD, HH:mm") format. JS [duplicate]
                            
                                Read document in Firestore from firebase onCall cloud function
                            
                                Detect a language of a string in node.js
                            
                                Vue warns me Cannot set reactive property on undefined, null, or primitive value: null
                            
                                Adding custom headers in Javascript for all http requests
                            
                                Problem with large size of v-checkbox element in Vuetify
                            
                                How to fix "Uncaught TypeError: Cannot read property 'click' of null"
                            
                                Insert a script tag inside template Vue
                            
                                Form Onclick with Required field?
                            
                                Lighten Current Button Color on Hover Using Styled-System (and styled-compoments)
                            
                                Back to previous page in AJAX Call
                            
                                Vue js is it ok to register all components globally?
                            
                                AJV return only one error although there is multiple

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!

Donate Us With