불

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건
+
제목 글쓴이 날짜 조회
16-06-03 조회 2,981
15-07-30 조회 3,384
15-06-08 조회 5,536
15-05-27 조회 4,389
15-01-08 조회 6,675
14-12-30 조회 5,409
14-10-10 조회 5,398
14-08-13 조회 6,314
14-08-11 조회 5,172
14-08-06 조회 6,501
14-03-19 조회 7,409
13-04-26 조회 9,565
12-12-15 조회 5,088
12-12-15 조회 7,323
12-12-11 조회 5,452
12-11-21 조회 5,985
12-10-11 조회 5,067
12-10-03 조회 4,758
12-09-20 조회 6,068
12-09-02 조회 4,239
12-08-29 조회 5,233
12-08-29 조회 4,120
12-08-24 조회 4,221
12-08-18 조회 4,444
12-08-17 조회 4,487
12-08-16 조회 3,743
12-08-06 조회 5,515
12-08-05 조회 4,810
12-08-03 조회 4,528
12-08-03 조회 4,672
12-07-29 조회 3,517
12-07-24 조회 4,108
12-07-22 조회 3,587
12-07-20 조회 4,327
12-07-19 조회 4,683
12-07-19 조회 3,913
12-07-19 조회 3,863
12-07-19 조회 5,534
12-07-19 조회 3,478
12-07-18 조회 5,155
12-07-15 조회 4,114
12-07-14 조회 3,806
12-07-12 조회 4,486
12-07-11 조회 3,760
12-07-11 조회 3,479
12-07-11 조회 3,442
12-07-10 조회 4,628
12-07-09 조회 3,376
12-07-09 조회 4,201
12-07-09 조회 4,618
12-07-08 조회 4,538
12-07-07 조회 5,456
12-07-06 조회 4,718
12-07-06 조회 3,986
12-07-06 조회 3,866
12-07-06 조회 3,787
12-07-02 조회 5,477
12-07-02 조회 4,175
12-06-29 조회 3,704
12-06-28 조회 4,334
12-06-26 조회 3,809
12-06-26 조회 4,944
12-06-21 조회 3,918
12-06-20 조회 4,619
12-06-20 조회 4,241
12-06-15 조회 4,596
12-06-15 조회 4,341
12-06-13 조회 7,349
12-06-05 조회 7,330
12-06-04 조회 3,905
12-06-03 조회 3,751
12-05-31 조회 3,765
12-05-28 조회 6,592
12-05-27 조회 3,834
12-05-25 조회 3,974
12-05-23 조회 4,385
12-05-21 조회 5,092
12-05-17 조회 4,034
12-05-17 조회 3,950
12-05-09 조회 4,022
12-05-07 조회 4,273
12-05-02 조회 4,474
12-05-01 조회 4,639
12-04-30 조회 3,386
12-04-30 조회 4,338
12-04-25 조회 4,414
12-04-25 조회 4,849
12-04-24 조회 3,817
12-04-24 조회 4,580
12-04-23 조회 3,586
12-04-20 조회 3,222
12-04-17 조회 5,413
12-04-16 조회 4,356
12-04-14 조회 3,635
12-04-14 조회 3,669
12-04-14 조회 3,720
12-04-13 조회 3,341
12-04-13 조회 4,523
12-04-13 조회 6,162
12-04-12 조회 3,329