526 questions
-2
votes
1
answer
80
views
HTML MP4 Play On Hover / Pause On Mouse Exit: Only Works On First Video
I am using Javascript to play an HTML5 video when you hover over it, and then pause the video once the mouse exits. The module is working correctly in that sense, except it only works for the first ...
2
votes
2
answers
54
views
Mouseleave event triggers exception and click event doesn't
I want dropdown list to disappear when mouse leaves #navbarHint div element.
let flag2 = true;
document.getElementById('navbarHint').addEventListener('mouseleave',
function() {
flag2 = ...
- 33
0
votes
2
answers
79
views
How to combine mouseenter and mouseleave function with ajax
Is it possible to cleanly combine this function.
I am using mouseenter function to show my ajax page content and hide it with mouseleave
$(function() {
$("#card_client").mouseenter(...
- 13
0
votes
0
answers
16
views
Why is this timing function getting a typeError? [duplicate]
The timer stops when the mouse hovers over a (.typing) item and the timer resumes when the mouse leaves. That works, but I wanted to remove two classes from separate id's when their respective ...
0
votes
1
answer
43
views
JS Sliding Panel: prevent delay of mouseleave event
I wrote a JS panel class that shows a sliding panel on top, bottom, left or right border of the page.
The panel is shown when the mouse comes near to the top, bottom, left or right edge of the page (...
- 13
0
votes
1
answer
309
views
Event listener for pushing and holding a button
Looking for a type of event listener that activates when user push and holds a button and another EL that listens for user not pushing button anymore.
If it's not very clear what I want, then let me ...
1
vote
0
answers
89
views
Mouse event mouseleave triggered but mouse pointer still inside the button
I'm trying to create a material menu which shows menu on hover using angular material 16, but I have an issue with mouse mouseleave event which triggers just when entering the button.
Here is the ...
- 9,848
1
vote
2
answers
126
views
multi line span javascript mouseout event is firing when cursor positioned on blank space between the lines
I want to add hover effect on specific part of the paragraph. but when mouse is positioned on the blank space between the lines mouseout / mouseleave getting fired (space is caused by line-height css)....
- 446
0
votes
0
answers
55
views
Is there anyway to handle <Enter> & <Leave> functions in several widgets at once in a tkinter program?
Here is my code: I added small animation when menu label coming out...
def menu_pannel():
x = menu_bg.winfo_x()
if x < 0:
x += 5
menu_bg.place(x=x)
search_btn.place(...
- 41
0
votes
2
answers
164
views
Make a function for MouseEnter and MouseLeave
I need to make a function that will show and hide a label when the mouse enter and leaves the area of a button.
I started doing it individually for each button, but as there will be more than 5 the ...
- 13
0
votes
1
answer
38
views
Problem with JQuery mouseenter / mouseleave: it works once, once it doesn't, then once it does, and so on
I'm a jQuery newbie. I created a simple animation with JQuery and CSS for a button that I would like to use on my site. The mouseenter and mouseover animation work fine once, then not once, then work ...
0
votes
1
answer
31
views
How can I simplify my Jquery code while keeping addClass and removeClass?
Every time I add a new <li> and <img> element I also have to add a new line of code in the .js file
Codepen Here is the online code of how it works and how it should continue to work after ...
- 93
0
votes
1
answer
69
views
Simplify two functions with same functionalities?
I have two functions that do the same thing, but are used differently.
I currently have a popup that is triggered on actions based on device. On desktop, if the mouse leaves the page, it triggers the ...
- 105
0
votes
0
answers
54
views
Mousemove and Mouseenter events don`t work together
I am new to coding. I created a button that should change color when the cursor passes over it. But it turns out that when "mouseenter" works, "musemove" does not work. I cant find ...
- 1
-1
votes
1
answer
66
views
Why doesn't javascript mouseleave refresh original image when sliding between 2 images?
Digging around and maybe I scanned right past it but I can't find a similar example of how to slide on and off between 2 images in javascript. In other words on hover displaying a 2nd image and them ...
- 57
0
votes
1
answer
430
views
Jquery Mouseover and Mouseleave Tooltips (delay and how to cancel if mouse is moved before SetTimeOut)
O.k. so in a $(document).ready(function() {...}
I have code that binds an event to all links with a class of .user_tooltip which makes an ajax call to get the user's info.
It works well. It displays ...
- 41
1
vote
1
answer
525
views
Hover effect disappear after I apply javascript on the object
everyone!
So here's the problem. I am doing a Frontend Mentor challenge and I applied a hover effect on a object in CSS.
.numero-avaliacao a:hover {
background-color: hsl(217, 12%, 63%);
color:...
- 25
0
votes
1
answer
485
views
How to change the contents of one container by hovering over elements/links in a DIFFERENT container
I'm currently developing an e-catalogue. Following the suggestion of a Stackoverflow contributor, I now have a navigation bar with a dropdown that produces a two-container menu. Next, I am trying to ...
- 72
0
votes
1
answer
2k
views
Hidding a DIV after a few seconds
I have a div that becomes visible / invisible based on a boolean variable.
And i'm trying to add a timeout so my "actions" div could disapear after a few seconds.
This is how my code looks ...
0
votes
1
answer
472
views
MouseLeave Event on Safari Mac is triggered under wrong conditions
according to
https://developer.mozilla.org/en-US/docs/Web/API/Element/mouseleave_event
mouseleave is fired when the pointer has exited the element and all of its descendants.
However, on Safari this ...
0
votes
2
answers
598
views
How to prevent svg on top of other div of triggering mouseleave
I have an issue with mouseleave. (React/Typescript/CSS/HTML project).
Situation
(see picture at the bottom)
I got two div elements
<>
<div id="main">
<div>
<div ...
- 465
0
votes
1
answer
621
views
Change inner div on hover in react grid tailwind
So, for CSS I am using tailwindcss.
I have implemented integer based approach but when I hover quickly over the divs, the state remains un updated. If the value is 0, the first div is shown else the ...
- 3
0
votes
2
answers
731
views
mouseout() not firing on disappearing objects
The following is happening (see gif)
I show a fontawesome icon that changes on mouseenter() and mouseout()
Clicking a button hides the icons and makes new elements appear.
Going back and making the ...
- 378
0
votes
1
answer
242
views
mouseleave event being triggered when crossing child div borders. Only supposed to fire when leaving container div borders
So the "mouseleave" is being triggered when i leave the styledLink child component and is firing. I have it on the container and want it to fire when I leave the whole container. I've tried ...
- 33
0
votes
2
answers
434
views
Default button color when Mouse is Leaving in WPF
I'm trying to change the color of multiple buttons when Mouse is entering thoses buttons via the sender from the event.
It works perfectly but I would like to know if when the event of Mouse leaving ...
- 3
3
votes
2
answers
6k
views
How to manually trigger the mouseleave event on a mobile device
I want to change a link color to orange on hover.
On a mobile device, when the user touches the link, it becomes orange and will remain orange until the user clicks away. So I want to manually trigger ...
- 15.7k
0
votes
0
answers
431
views
Mouse leave event of a Form and its ControlBox
I want to detect if a user leaves the Form.
The following code works well but it fires off even when I'm still over the ControlBox of the Form.
What I thus want (was expecting) is that the the ...
- 2,014
0
votes
1
answer
325
views
Trigger an un-hover?
In the script below, the first div shows and the second is hidden. But on hover of the first div, it is hidden and the second div shows. Hovering off this second div does not reveal the first div ...
- 53
0
votes
0
answers
116
views
Jquery hide dropdown when not hovering over link or dropdown
This is driving me crazy.
I have a navigation and one of the items in the navigation triggers a dropdown to appear underneath the navigation when I hover over the dropdown link.
The navigation and ...
0
votes
1
answer
110
views
MouseLeave behaving like MouseOut?
I feel like I'm going insane... So, as per my understanding and seemingly the universal consensus of the internet, mouseout fires on the cursor leaving an element or any of it's children, whilst ...
- 411
1
vote
1
answer
33
views
Move image 2 when hovering image 1
What I would like to do :
Moving 5px down image 2 when hovering image 1:
I don't know code (a little CSS) but I think this one could help to do what I want, of course it's not working, could you tell ...
- 11
1
vote
2
answers
307
views
Stop function on mouseleave
I am having issues with a function that is trigger on mouseenter and it loops. The problem is that I want to function to stop on mouseleave.
Tried a few things but nothing seemed to work as expected.
...
0
votes
1
answer
189
views
Jquery - easing transition on mouseenter / mouseleave
beginner trying something in Jquery which I think is simple??? been trying for couple of hours with all sorts of things (fadeIn, animate, toggleslide, easing etc) but can't get this to work..
...
- 1
1
vote
1
answer
1k
views
Mouse enter and mouse leave events doesn't work with mouse move event
I'm trying to create a custom cursor and detect the hover on some elements but the mouse enter and mouse leave event doesn't work properly when I uncomment the 2 lines in the mouse move event.
However,...
- 45
0
votes
1
answer
412
views
Trigger ('mouseleave') - not working as desired on mobile
I have a burger menu button in the header which opens and closes the menu. And I have hover and focus animations for it.
So when the menu is clicked or tapped or touched (on mobile devices) - the ...
- 131
-1
votes
1
answer
211
views
Javascript start and repeat function upon mouseover & stop repeat upon mouseleave
I am successfully starting an animation upon mouseover, but cannot manage to stop it upon mouseleave:
Start animation:
var executed = false; // to execute only once on repeat hover
var startslider = {}...
- 915
-1
votes
1
answer
169
views
Tkinter Leave event firing only on program startup?
I'm trying to place a small label hinting the user the keyboard shortcut bound to it, which works fine.
The problem arises when I'm leaving the button. The label disappears, but not quite. If I try ...
- 45
1
vote
1
answer
789
views
Trying to add a mouseenter and mouseleave function to an image
I am trying to add a mouseenter and mouseleave function to an image. I want the src of the image to change when the mouseenter occurs and to change back when the mouseleave occurs. The src of the ...
- 907
0
votes
1
answer
343
views
A-FRAME 1.0.4 How can I define animation mouseenter and mouseleave properly
I have an entity contain an image using as a button
I want to scale that button larger from "1 1 1" to "2 2 1" when mouse hover.
I use JS to generate that button. Other attributes ...
- 1
0
votes
1
answer
30
views
jQuery mouseleave issues
New to JQuery. I'm trying to make a menu where the links appear in a div that's in the same position when one of the categories in the menu is hovered over. I want the menu to stay open and disappear ...
-1
votes
1
answer
2k
views
Pop Over in SAP UI5, Autoclose when mouse pointer goes outside popover
I have created a SAP UI5 Popover using Fragment. The fragment has XML code for opening the popover window.
My requirement is that when the popover is open and when the mouse pointer goes outside the ...
1
vote
2
answers
134
views
Eventlistener for 'mouseover' and 'mouseleave'
I am trying to make each cell change colour when the mouse hovers above them and return it to the default colour when the mouse leaves. I only created the .container div with HTML while the other divs ...
- 35
0
votes
1
answer
643
views
Vue, SVG, after mousehover, mouseleave happens immediately after while still in SVG rect
I am trying to create an SVG NxN square of active locations. https://codepen.io/svsintel/pen/eYpKdaW ( you need to use native debug to see results)
I create a square of NxN rect. I want to know when ...
0
votes
2
answers
2k
views
Mouseover mouseleave and Click method on same element angular
I have a requirement where I have to show the preview of applicable font for a table on mouseover, set default font on mouseleave and apply the font on click. so I have called the methods on HTML ...
- 57
1
vote
1
answer
352
views
Listview MouseLeave event: the Header is not included
I've subscribed to the MouseLeave event of my ListView. The event should be raised when the Mouse Pointer leaves the ListView bounds.
That works, but when the Mouse Pointer enters the ListView's ...
- 55
0
votes
1
answer
366
views
jquery with hover only trigger once problem
i want to use hover for contrl button weather show or hide(when mouseover the button,show the button,when mouseout the button hide the button),but,it only execute once,if i move the mouse cursor to ...
- 14.7k
3
votes
0
answers
63
views
Hide element on mouseleave (only when moving fast?)
I am trying to make a button disappear when moving my mouse out of a box. However, the button only is disappearing when I move my mouse fast. If I move the mouse slowly out of the box then the button ...
- 33
0
votes
1
answer
1k
views
setInterval on mouseenter and clear interval on mouseleave
I'm using setInterval to create a diy slideshow that starts on mouseenter using this tutorial :
https://www.amideveloper.com/how-to-start-slideshow-on-hover-image-in-jquery/
It works fine, but I ...
- 1,157
0
votes
1
answer
1k
views
How to detect if mouse left the window in Angular way?
I want to detect if the mouse left the browser window and not just a specific div therefore not using the (mouseleave) etc. methods in HTML. Is there a way?
UPDATE:
ParentComponent:
<div class="...
- 2,143
0
votes
1
answer
359
views
Mouseleave is called when hovering over Scrollbar VanillaJS
Im using vanilla JS and I am getting a really annoying issue where if you hover the scrollbar of an element that has a mouseleave event listener the mouseleave will be called.
However, if you use the ...
- 550