슈가
51
2020-11-21 21:09:23
2
158
#821810 Tech Q&A

이미지 하나에 이벤트 두개...

댓글 주신 거 보고 

<script>
function event1() {
        	document.getElementById("idid").onclick = "javascript:event2()";
        	document.getElementById("idid").src = "icon/voice.png";
        	내용~~~
}
function event2() {
        	내용~~~
}
</script>
<img id="idid" src="icon/voice_92.png" onclick="javascript:event1()">

이런 식으로 했는데 src는 변경이 되어서 이미지는 바뀌는데 onclick은 안바뀌는 건 왜인가요?


원하는 바는 이미지를 클릭했을 때 이미지가 바뀌고 이벤트1이 실행되고, 

다시 한 번 더 클릭했을 때 이벤트2가 실행되는 거예요.


html css javascript jsp 쓰고 있습니다.

0
0

  • 답변 2

  • Bjork
    243
    2020-11-21 21:22:33


    <script>
var imgdiv = document.getElementById("imgdiv");

function event1() {
       
        	이벤트내용~~~
  imgdiv.innerHTML = "<img id='idid' src='icon/voice.png' onclick='event2()'>";
    }
function event2() {
        	이벤트내용~~~
imgdiv.innerHTML ="<img id='idid' src='icon/voice_92.png' onclick='event1()'>";
}
</script>

<div id="imgdiv"><img id="idid" src="icon/voice_92.png" onclick="event1()"></div>


    이렇게 하시면 될거같아요

    0
  • 슈가
    51
    2020-11-21 21:30:52

    왁 잘 되네요 감사합니다!!!!!!!!!!!!!!!!!!!

    0
  • 로그인을 하시면 답변 을 등록할 수 있습니다.