JS로 CSS 호버 트리거

JS로 CSS 호버 트리거

---

이 질문에 이미 답변이 있습니다.

• CSS ": hover"를 활성화하는 순수 JavaScript에서 마우스 오버를 어떻게 시뮬레이션합니까? 5 답변

추가 클래스를 사용하지 않고도 JS로 CSS HOVER 효과를 트리거 할 수 있는지 여부를 알고 싶습니다.

다음은 내가 원하는 작업의 예입니다. http://jsfiddle.net/pXbMZ/2/

나는 효과를 사용하여 시도 mouseenter()했지만 이것은 CSS 호버 효과를 트리거하지 않습니다.

PS : 온라인 CMS를 사용하는 사용자를 돕는 기능을 만들었습니다. 도움말 기능은 항목 사용 방법을 보여주는 이미지를 이동하여 작업하는 방법을 보여줍니다. 가상 커서는 물건을 클릭하고 요소를 표시 할 수 있습니다.하지만이 가상 커서가 CSS에 설정된 : hover 효과를 작동시키고 싶습니다.

---

나는 당신이 무엇을하려고하는지 알고 있지만, 단순히 이렇게하지 않는 이유 :

$('div').addClass('hover');

클래스가 이미 CSS에 정의되어 있습니다 ...

원래 질문에 관해서는 이전에 질문 한 적이 있으며 불행히도 불가능합니다. 예 : http://forum.jquery.com/topic/jquery-triggering-css-pseudo-selectors-like-hover

그러나 스타일 시트가 Javascript로 정의 된 경우 원하는 기능을 사용할 수 있습니다. 참조 : http://www.4pmp.com/2009/11/dynamic-css-pseudo-class-styles-with-jquery/

도움이 되었기를 바랍니다!

---

당신은 할 수 없습니다. 신뢰할 수있는 이벤트 가 아닙니다 .

사용자 상호 작용의 결과 또는 DOM 변경의 직접적인 결과로 사용자 에이전트에 의해 생성 된 이벤트는 DocumentEvent.createEvent를 통해 스크립트에 의해 생성 된 이벤트에 부여되지 않는 권한을 가진 사용자 에이전트에 의해 신뢰됩니다. ( "Event") 메서드, Event.initEvent () 메서드를 사용하여 수정하거나 EventTarget.dispatchEvent () 메서드를 통해 전달합니다. 신뢰할 수있는 이벤트의 isTrusted 속성 값은 true이고 신뢰할 수없는 이벤트의 isTrusted 속성 값은 false입니다.

대부분의 신뢰할 수없는 이벤트는 click 또는 DOMActivate 이벤트를 제외하고 기본 작업을 트리거하지 않아야합니다.

클래스를 추가하고 mouseover / mouseout 이벤트에서 수동으로 추가 / 제거해야합니다.

---

참고로, 여기에 내가 본 문제를 실제로 다루는 답변이 없기 때문에 이것을 중복으로 표시 한 후 여기에 답변하고 있습니다. 바라건대, 언젠가 병합 될 것입니다.

---

나는 당신의 요구가 가능하다고 생각하지 않습니다.

참조 : JQuery로 항목 가리 키기

기본적으로 클래스를 추가하는 것이 제가 알고있는이 작업을 수행하는 유일한 방법입니다.

---

이벤트를 Jquery에서 onmouseover 및 onmouseout 이벤트에 바인딩하면 mouseenter ()를 사용하여 해당 효과를 트리거 할 수 있습니다.

무엇을 성취하려고합니까?

참고 URL : https://stackoverflow.com/questions/4347116/trigger-css-hover-with-js