hover

问题 When I drag an element over another div on which I have a mouseover event, the event doesn't trigger. However, it works if I hover over it without dragging. Is there a way to detect hover events on an element if I drag another one over it? 回答1: Here is an example using the X-Y coordinate solution. Working example on jsfiddle The example can be improved, but is a good starting point. Simply keeps track of the mouse location and checks if it appears to be inside any bounding boxes of the

问题 I need to disable the mouse hover on a particular button(not on all buttons) in the entire DOM. Please let me know how to achieve it using a CSS class. i am using the below CSS class when my button is disabled. now i want to remove the hover effect using the same class. .buttonDisabled { Cursor:text !important; Text-Decoration: None !important; } The above class will take care of removing the hand sign and text underline on mouse over . Now i want to remove hover effect also. Please let me

问题 In my script there are three divs. I want to display div with class="ab" when I hover on first line and display div with class="abc" , when hover on second line. Otherwise I want to display div with class="a" by default. But it never displays the div with class="a" . .abc,.ab { display: none; } #f:hover ~ .ab { display: block; } #f:hover ~ .abc,.a { display: none; } #s:hover ~ .abc { display: block; } #s:hover ~ .ab,.a { display: none; } <a id="f">Show First content!</a> <br/> <a id="s">Show

问题 I often find myself wanting to debug CSS layout issues that involve DOM changes caused by Javascript in reaction to a hover event or different CSS rules applying due to the :hover selector. Normally, I'd use Firebug to inspect the element that's giving me trouble and see what its CSS properties were, and where those properties come from. However, when hovering is involved, it becomes impossible, because as soon as you move your mouse down to the Firebug panel, the elements you're interested

问题 Is there a jQuery plugin or JavaScript script that automagically loops through each CSS hover (found in an external stylesheet) and binds it with a double touchdown event? Touchdown 1 - CSS :hover is triggered Touchdown 2 - Click (link following or form action) If there isn't something like this yet, can it be made and how (guidelines)? EDIT: To be clear, I am not in search of a double tap. Touchdown 1 is a single tab just like Touchdown 2 is. There can be as less as 0 seconds between both or

问题 In the new Angular2 framework, does anyone know the proper way to do a hover like an event? In Angular1 there was ng-Mouseover , but that doesn't seem to have been carried over. I've looked through the docs and haven't found anything. 回答1: If you want to perform a hover like event on any HTML element, then you can do it like this. HTML <div (mouseenter) ="mouseEnter('div a') " (mouseleave) ="mouseLeave('div A')"> <h2>Div A</h2> </div> <div (mouseenter) ="mouseEnter('div b')" (mouseleave) =

问题 I'm trying to have a select box automatically pop open when the use hovers over it, as if they had clicked it. Is this possible? I would think I could do this easily with jQuery... $("#settings-select").mouseover( function(){ $(this).trigger("click"); } ); But that does nothing. Any ideas? 回答1: I finally got this to work! You need Chosen; as others have pointed out, you can't do this with a normal select because there are no events available to use. But this will pop open the menu when you

问题 When you hover over one <div> , I want an <a> on a separate part of the page to be "hovered" on also. <div class="initiator"> </div> <div> <a class="receiver href="#">Touch the div and I get hovered!</a> </div> I've tried this jQuery, but it doesn't trigger the <a> 's hover CSS. $(".initiator").hover(function(){ $(".receiver").hover(); console.log("div was hovered"); }); 回答1: Try this: $('.initiator').on('mouseenter mouseleave', function(e) { $('.receiver').trigger(e.type); }) It will apply

问题 Is there a way to modify the css for one class when hovering on an element from another class using only css ? Something like: .item:hover .wrapper { /*some css*/ } Only 'wrapper' is not inside 'item', it's somewhere else. I really don't want to use javascript for something this simple, but if I have to, how would I do it ? Here's my failed attempt: document.getElementsByClassName('item')[0].onmouseover="document.getElementsByClassName('wrapper')[0].style.background="url('some url')";"; There

问题 I've created a small looking button to display instead of a checkbox. I was wondering if there was a way to also have a :hover look somehow? thanks http://jsfiddle.net/zAFND/2/ 回答1: #ck-button:hover { background:red; } Fiddle: http://jsfiddle.net/zAFND/4/ 回答2: it looks like you need a rule very similar to your checked rule http://jsfiddle.net/VWBN4/3 #ck-button input:hover + span { background-color:#191; color:#fff; } and for hover and clicked state: #ck-button input:checked:hover + span {