728x90
728x90
pointer-events
특정 그래픽 요소의 포인트 이벤트를 제어합니다.
auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit
css
img {
pointer-events: none;
}
JS
$(".selectSearchMethod").css("pointer-events", "auto");
On, Off
click 이벤트 핸들러를 등록, 제거합니다.
function f_initClickEvent() {
$(".class").on('click', function(){
//TODO 클릭시 로직 수행
});
}
function f_offClickEvent() {
$(".class").off('click');
}
//출처: https://mugrammer.tistory.com/159 [MUGRAMMER]
버튼의 중복 클릭을 방지하는 방법
button 태그의 "disabled" 속성이 적용되면 버튼이 비활성화 되는 점을 이용합니다.
재 활성화를 원할 시 removeAttribute를 사용합니다.
<body>
<button type="button" id="btn">클릭</button>
</body>
<script>
var btn = document.querySelector("#btn");
btn.addEventListener("click", function (e) {
this.setAttribute("disabled", "disabled");
})
//https://m.blog.naver.com/psj9102/221282309126
</script>
특정 요소를 숨기려면
display 여부에따라 show, hide
if($(".abc").css("display") == "none"){
$(".abc").show();
} else {
$(".abc").hide();
}
//출처: https://hohoya33.tistory.com/26 [개발 메모장]// 함수 버전
function toggleBtn() {
if ( $("#sendDiv").css("display") == "none" ) $("#sendDiv").show();
else $("#sendDiv").hide();
}// 삼항연산자
obj.style.display = (obj.style.display = none) ? "" : "";
728x90
728x90
'Markup Language > HTML, CSS' 카테고리의 다른 글
| html hr 세로선 세로줄 긋는 법 (0) | 2021.03.05 |
|---|---|
| 뉴모피즘 Neumorphism (1) | 2021.03.02 |
| html 메타태그로 캐시 초기화(삭제) (1) | 2020.11.26 |
| position이 absolute인 요소 중앙 정렬 (0) | 2020.11.20 |
| 가로형 드롭다운 메뉴 만들기 (0) | 2020.11.10 |
coding-restaurant
코딩 맛집에 방문해주셔서 감사합니다.
