불

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건
+
제목 글쓴이 날짜 조회
13-03-03 조회 6,228
13-03-01 조회 5,560
13-03-01 조회 8,301
13-03-01 조회 6,290
13-02-26 조회 3,895
13-02-26 조회 3,849
13-02-26 조회 4,745
13-02-24 조회 8,162
13-02-24 조회 4,250
13-02-24 조회 3,492
13-02-24 조회 5,303
13-02-24 조회 5,295
13-02-24 조회 4,370
13-02-24 조회 5,703
13-02-24 조회 9,389
13-02-14 조회 5,099
13-02-13 조회 9,021
13-01-29 조회 7,661
13-01-24 조회 5,017
13-01-24 조회 4,894
13-01-17 조회 4,302
13-01-16 조회 4,323
13-01-08 조회 4,382
12-12-27 조회 4,051
12-12-20 조회 1.1만
12-12-20 조회 3,368
12-12-06 조회 4,362
12-12-01 조회 4,119
12-11-28 조회 5,684
12-11-25 조회 5,390
12-10-20 조회 4,655
12-10-03 조회 4,818
12-09-26 조회 4,984
12-09-15 조회 8,432
12-09-14 조회 5,451
12-09-11 조회 3,947
12-09-10 조회 3,973
12-09-05 조회 8,848
12-08-29 조회 4,641
12-08-26 조회 3,773
12-08-23 조회 3,478
12-08-22 조회 3,554
12-08-22 조회 4,371
12-08-21 조회 3,525
12-08-20 조회 3,446
12-08-20 조회 9,245
12-08-15 조회 4,361
12-08-13 조회 3,285
12-08-11 조회 4,703
12-08-05 조회 4,545
12-08-03 조회 3,328
12-08-03 조회 4,025
12-08-02 조회 5,008
12-07-29 조회 4,115
12-07-26 조회 3,699
12-07-26 조회 3,569
12-07-22 조회 3,474
12-07-20 조회 3,312
12-07-19 조회 4,177
12-07-19 조회 3,431
12-07-16 조회 3,548
12-07-16 조회 4,470
12-07-15 조회 3,539
12-07-12 조회 7,378
12-07-12 조회 5,014
12-07-11 조회 3,064
12-07-09 조회 3,228
12-07-05 조회 3,836
12-07-04 조회 4,413
12-07-04 조회 3,822
12-07-04 조회 4,345
12-06-29 조회 3,802
12-06-27 조회 3,383
12-06-24 조회 3,867
12-06-22 조회 4,172
12-06-22 조회 8,592
12-06-22 조회 3,245
12-06-21 조회 3,274
12-06-17 조회 3,895
12-06-14 조회 4,000
12-06-14 조회 3,276
12-06-08 조회 4,429
12-06-06 조회 3,385
12-06-04 조회 4,139
12-05-26 조회 4,970
12-05-26 조회 3,922
12-05-25 조회 3,217
12-05-24 조회 3,316
12-05-22 조회 3,365
12-05-20 조회 2,993
12-05-16 조회 3,128
12-05-15 조회 3,526
12-05-10 조회 3,955
12-05-08 조회 3,473
12-05-04 조회 3,321
12-05-03 조회 4,283
12-05-02 조회 3,416
12-05-02 조회 3,187
12-05-02 조회 3,284
12-04-26 조회 3,437