2 개의 겹치는 div에 대한 mousemove 이벤트

SEV

2 개의 겹치는 div가 있고 둘 다에서 동일한 mousemove 이벤트가 실행되어야합니다. 버블 링 효과가있는 중첩 된 div를 사용할 수 없습니다. 어떻게 할 수 있습니까? 버블 링 효과가있는 중첩 된 div를 사용할 수 없습니다.

$(".one").mousemove(function(){
  console.log("something")
})

$(".two").mousemove(function(){
  console.log("something else")
})
.one{
    background-color:red;
    position:absolute;
    left:0;
    top:0;
    width:100px;
    height:100px;
 
    
}
.two{
    color:blue;
    position:absolute;
    left:0;
    top:0;
    width:100px;
    height:100px;
  
    
}
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>

  
 
    <div class="one">
        Content one
    </div>
    <div class="two">
        Content two
    </div>

</body>
</html>

감사합니다.

Banzay

$(".one").mousemove(function(){
  console.log("something");
});

$(".two").mousemove(function(){
  console.log("something else");
  $(".one").mousemove();
});
.one{
    background-color:red;
    position:absolute;
    left:0;
    top:0;
    width:100px;
    height:100px;
 
    
}
.two{
    color:blue;
    position:absolute;
    left:0;
    top:0;
    width:100px;
    height:100px;
  opacity: .95;
    
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="one">
        Content one
</div>
<div class="two">
        Content two
</div>

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

자바 : 이벤트 "Jtable 셀 클릭"에 대한 2 개의 버튼이있는 대화 상자?

분류에서Dev

서로 겹치는 2 개의 절대 레이아웃을 갖는 방법

분류에서Dev

CSS 또는 Angular2의 클릭 이벤트에 대한 SlideOut 컨트롤

분류에서Dev

두 개의 겹치는 요소에서 마우스 오버 이벤트 캡처

분류에서Dev

두 개의 겹치는 노드에서 마우스 이벤트 처리-Javafx

분류에서Dev

팬더-2 개의 관련 이벤트를 한 줄에 병합하는 방법

분류에서Dev

WinForms의 "Ghost"MouseMove 이벤트

분류에서Dev

Winforms C #에서 최대화 / 최대화되지 않은 양식의 Control.MouseMove 이벤트를 트리거하는 방법

분류에서Dev

Winforms C #에서 최대화 / 최대화되지 않은 양식의 Control.MouseMove 이벤트를 트리거하는 방법

분류에서Dev

다른 섹션에 대한 uicollection보기 헤더의 겹치는 텍스트

분류에서Dev

CSS 포지셔닝 : 2 개의 겹치는 div를 만들고 겹치는 div의 오른쪽에 1 개의 div를 더 만드는 방법

분류에서Dev

R의 막대 차트에서 겹치는 막대 제거

분류에서Dev

동일한 JavaScript 파일의 Onclick 이벤트에서 JavaScript 함수에 2 개의 변수를 보내는 방법

분류에서Dev

Android :보기의 2 개 이미지에 대한 멀티 터치

분류에서Dev

raphael.js에서 2 개의 그림을 겹치는 방법

분류에서Dev

WPF의 Button.MouseMove 이벤트에는 항상 Released 상태의 e.LeftMouse가 있습니다.

분류에서Dev

ggplot2를 사용하여 Venn의 겹치는 영역에 대한 사용자 정의 색상

분류에서Dev

AS2에 대한 클릭 이벤트

분류에서Dev

git의 프로젝트에 대한 1 개 또는 2 개의 저장소

분류에서Dev

UINavigation 바는 iPhone 4에서 2 개의 겹치는 배경 이미지를 보여줍니다.

분류에서Dev

두 개의 무한 간격이 겹치는 지 확인

분류에서Dev

2 개의 .col div가 서로 겹쳐지는 이유와 boostrap의 반대편에서 이것을 반복하는 방법은 무엇입니까?

분류에서Dev

이벤트에 대한 조치

분류에서Dev

여러 버튼에 대한 1 개의 이벤트

분류에서Dev

폼의 n 개 버튼에 대한 이벤트 호출

분류에서Dev

두 개의 JTextArea에 대한 이벤트 리스너 설정

분류에서Dev

Tkinter 창의 cv2 이미지에 대한 마우스 이벤트

분류에서Dev

겹치는 시간에 대한 데이터 플로팅

분류에서Dev

위치없이 한 div를 다른 div 위에 겹치는 방법

Related 관련 기사

  1. 1

    자바 : 이벤트 "Jtable 셀 클릭"에 대한 2 개의 버튼이있는 대화 상자?

  2. 2

    서로 겹치는 2 개의 절대 레이아웃을 갖는 방법

  3. 3

    CSS 또는 Angular2의 클릭 이벤트에 대한 SlideOut 컨트롤

  4. 4

    두 개의 겹치는 요소에서 마우스 오버 이벤트 캡처

  5. 5

    두 개의 겹치는 노드에서 마우스 이벤트 처리-Javafx

  6. 6

    팬더-2 개의 관련 이벤트를 한 줄에 병합하는 방법

  7. 7

    WinForms의 "Ghost"MouseMove 이벤트

  8. 8

    Winforms C #에서 최대화 / 최대화되지 않은 양식의 Control.MouseMove 이벤트를 트리거하는 방법

  9. 9

    Winforms C #에서 최대화 / 최대화되지 않은 양식의 Control.MouseMove 이벤트를 트리거하는 방법

  10. 10

    다른 섹션에 대한 uicollection보기 헤더의 겹치는 텍스트

  11. 11

    CSS 포지셔닝 : 2 개의 겹치는 div를 만들고 겹치는 div의 오른쪽에 1 개의 div를 더 만드는 방법

  12. 12

    R의 막대 차트에서 겹치는 막대 제거

  13. 13

    동일한 JavaScript 파일의 Onclick 이벤트에서 JavaScript 함수에 2 개의 변수를 보내는 방법

  14. 14

    Android :보기의 2 개 이미지에 대한 멀티 터치

  15. 15

    raphael.js에서 2 개의 그림을 겹치는 방법

  16. 16

    WPF의 Button.MouseMove 이벤트에는 항상 Released 상태의 e.LeftMouse가 있습니다.

  17. 17

    ggplot2를 사용하여 Venn의 겹치는 영역에 대한 사용자 정의 색상

  18. 18

    AS2에 대한 클릭 이벤트

  19. 19

    git의 프로젝트에 대한 1 개 또는 2 개의 저장소

  20. 20

    UINavigation 바는 iPhone 4에서 2 개의 겹치는 배경 이미지를 보여줍니다.

  21. 21

    두 개의 무한 간격이 겹치는 지 확인

  22. 22

    2 개의 .col div가 서로 겹쳐지는 이유와 boostrap의 반대편에서 이것을 반복하는 방법은 무엇입니까?

  23. 23

    이벤트에 대한 조치

  24. 24

    여러 버튼에 대한 1 개의 이벤트

  25. 25

    폼의 n 개 버튼에 대한 이벤트 호출

  26. 26

    두 개의 JTextArea에 대한 이벤트 리스너 설정

  27. 27

    Tkinter 창의 cv2 이미지에 대한 마우스 이벤트

  28. 28

    겹치는 시간에 대한 데이터 플로팅

  29. 29

    위치없이 한 div를 다른 div 위에 겹치는 방법

뜨겁다태그

보관