1. Vanilla Script
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="checkDiv" style="display: flex">이 창의 display 상태</div>
<script>
(function checkDisplay(){
var $id = document.getElementById("checkDiv");
if($id.style.display === 'none'){
console.log('none')
}else{
console.log(con.style.display.toString());
}
}())
</script>
</body>
</html>2 . jQuery
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<div id="checkDiv" style="display: flex">이 창의 display 상태</div>
<script>
(function(){
let $id = $('#checkDiv');
// none 일 때 false 를 반환
if(! $id.is(':visible')){
console.log("none");
}else{
console.log($id.css("display"));
}
}());
</script>
</body>
</html>팝업창 활성화 체크할 때 사용가능
3. TIP
이런 식으로도 가능하다.
$('.container').on('click', function(e){
var $target = '.commentView';
var target = $(this).find(commentBox);
var clickCheck = true;
if(e.target.className == e.currentTarget.querySelector(".noneAction").className) {
<%-- 다른 거 누를 땐 동작 X --%>
} else {
if(!target.is(':visible')){
target.show();
}else{
target.hide();
}
}
});이런 식으로 하고 클릭 했을때 작동을 안 했으면 하는 부분에서는 noneAction 클래스를 붙이면 됨
반대로 응용하면 그 부분만 클릭했을 때도 가능
'JavaScript > Ambiguous' 카테고리의 다른 글
| [javascript] js 에서 css 미디어 쿼리 (0) | 2023.10.19 |
|---|---|
| [JavaScript] 파일 이름 바꾸기 (0) | 2023.08.29 |
| [JavaScript] 변수 타입 (0) | 2023.08.29 |
