본문 바로가기
728x90
반응형

javascript/javascript31

select 플러그인 https://slimselectjs.com/ Slim Select Slim vanilla javascript select dropdown slimselectjs.com 2022. 8. 30.
javascript select 선택된 옵션 값 가져오기 //선택자를 통해 원하는 select 를 가져온다 let select = document.getElementById('select'); //select.selectedIndex --> selected된 옵션 번호 select = select.options[select.selectedIndex].value; select.selectedIndex 값 이용 See the Pen Untitled by gahyun (@gahyun) on CodePen. https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement/selectedIndex HTMLSelectElement.selectedIndex - Web APIs | MDN The HTMLSelectEle.. 2022. 8. 29.
javascript 여러 엘리먼트에 한번에 이벤트리스너 등록하기 1. querySelectorAll 을 통해 이벤트를 등록할 모든 엘리먼트를 선택한다 let eventList = document.querySelectorAll('.event'); 2. 선택한 엘리먼트에 forEach를 이용해 이벤트리스너 등록 eventList.forEach(function (event) { event.addEventListener('change', function () { //동작할 내용 }); }); forEach 가 궁금하다면? https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach Array.prototype.forEach() - JavaScript | MDN forEac.. 2022. 8. 29.
swiper 플러그인 옵션정리 let swiper = new Swiper('#id', { slidesPerView : 보여질 개수, spaceBetween : 아이템 사이 간격, slidesPerGroup : 한번에 슬라이딩될 개수, threshold:100, //마우스 스와이프 민감도 autoplay:{ delay: 몇초후 시작, }, navigation: { nextEl: 다음버튼 선택자, prevEl: 이전버튼 선택자, }, pagination: { el: 페이징 선택자, }, scrollbar:{ el : '선택자', draggable: 스크롤바 이동으로 스와이프가 가능하게 할지, dragSize: 스크롤바 크기, }, loop: 무한반복 할지말지, a11y: { // 웹접근성 enabled: true, prevSlideMes.. 2022. 8. 22.
728x90
반응형

티스토리툴바