불

html 엘리멘탈 이벤트 문의.

<div>
<div></div>
</div>

div안에 있는 div가 제거될시 이벤트가 발생되게 하고 싶은데..

이런 이벤트가 있나요?


|

댓글 3개

오브젝트가 destroy될 때 이벤트 발생관련하는게 원래 자바스크립트에는 없습니다. 다만 setTimeout을 이용해서 만들 수는 있습니다. 다행히 jQuery에 destroyed라는 event를 추가해주는 플러그인을 만든 사람이 있네요. 이걸 이용하면 쉽게 짤 수 있습니다. 예제소스를 만들어보았으니 테스트해보면 쉽게 알수 있어요. 원리도 간단합니다. 단순하게 bind로 destroyed event 추가만 해주면 되요.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> Test for jQuery event.destroyed </title>
<meta http-equiv='content-type' content='text/html; charset=utf-8' />
<meta name="Generator" content="EditPlus" />
<meta name="Author" content="Jacob Lee" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<script src="http://code.jquery.com/jquery-latest.min.js"
type="text/javascript"></script>
<!--<script src="jquery.event.destroyed.js"
type="text/javascript"></script>-->

<script src="http://v3.javascriptmvc.com/jquery/dist/jquery.event.destroyed.js"
type="text/javascript"></script>
</head>

<body>
<!-- Test for jQuery event.destroyed
When a object is destroyed, the event will show -->

<div class="container">
<div class="hello">Hello</div>
<div class="goodbye">Goodbye</div>
</div>

<button onclick="destroy_hello();">Click Me!</button>

<script type="text/javascript">


$(document).ready(function(){
$('.hello').bind('destroyed', function(){alert('goodbye "Hello"!');});
});


function destroy_hello()
{
$('.hello').remove();
}

</script>
</body>
</html>
정말로 고맙습니다.
jQuery에 대해서 어느 정도 안다고 생각하고 있었는데 이런 것도 있군요.
좋은 정보 감사합니다.
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
12-09-05 조회 7,413
12-08-31 조회 5,859
12-08-30 조회 6,624
12-08-22 조회 1.2만
12-08-09 조회 5,650
12-08-02 조회 3,727
12-07-30 조회 4,094
12-07-15 조회 3,725
12-07-10 조회 3,626
12-07-06 조회 3,459
12-07-06 조회 3,438
12-07-03 조회 4,036
12-07-03 조회 3,522
12-07-02 조회 3,422
12-06-25 조회 3,919
12-06-20 조회 3,285
12-06-15 조회 3,872
12-06-14 조회 3,140
12-06-08 조회 3,925
12-06-07 조회 3,914
12-06-05 조회 5,789
12-06-05 조회 3,531
12-06-04 조회 3,869
12-06-01 조회 4,068
12-06-01 조회 4,804
12-06-01 조회 3,668
12-05-30 조회 3,200
12-05-28 조회 3,182
12-05-23 조회 3,282
12-05-18 조회 3,192
12-05-16 조회 3,240
12-05-16 조회 3,203
12-05-16 조회 4,471
12-05-16 조회 2,994
12-05-16 조회 2,984
12-05-16 조회 3,376
12-05-16 조회 3,140
12-05-16 조회 3,031
12-05-15 조회 3,199
12-05-15 조회 2,880
12-05-15 조회 3,124
12-05-15 조회 3,567
12-05-15 조회 3,297
12-05-15 조회 2,669
12-05-14 조회 2,714
12-05-14 조회 2,879
12-05-14 조회 2,851
12-05-14 조회 3,155
12-05-14 조회 2,981
12-05-11 조회 3,271
12-05-11 조회 2,799
12-05-11 조회 2,703
12-05-11 조회 2,812
12-05-11 조회 3,380
12-05-11 조회 2,560
12-05-10 조회 3,967
12-05-10 조회 2,810
12-05-10 조회 2,743
12-05-10 조회 2,883
12-05-10 조회 4,485
12-05-10 조회 2,522
12-05-10 조회 2,618
12-05-10 조회 2,481
12-05-10 조회 2,738
12-05-10 조회 3,188
12-05-10 조회 3,474
12-05-10 조회 2,711
12-05-10 조회 2,831
12-05-10 조회 3,323
12-05-10 조회 2,914
12-05-08 조회 3,104
12-05-08 조회 2,922
12-05-08 조회 2,946
12-05-08 조회 3,331
12-05-08 조회 4,519
12-05-03 조회 2,903
12-05-03 조회 3,006
12-05-03 조회 2,778
12-05-03 조회 3,833
12-05-03 조회 2,883
12-05-02 조회 2,923
12-04-27 조회 2,814
12-04-27 조회 2,884
12-04-27 조회 2,793
12-04-26 조회 2,755
12-04-26 조회 3,110
12-04-26 조회 3,045
12-04-26 조회 2,714
12-04-26 조회 3,040
12-04-26 조회 3,647
12-04-26 조회 2,923
12-04-26 조회 3,585
12-04-26 조회 2,647
12-04-26 조회 2,985
12-04-26 조회 2,719
12-04-26 조회 2,962
12-04-26 조회 2,725
12-04-26 조회 3,146
12-04-26 조회 3,189
12-04-26 조회 3,006