豊中駅前商店会

window.addEventListener('load', () => { /* 店舗一覧の画像を切り替える */ const $store = document.querySelectorAll('.store'); const storeLen = $store.length; const handleClick = (e) => { e.preventDefault(); e.currentTarget.querySelector('.store__image--B').style.opacity = 1; e.currentTarget.classList.add('store--zoom'); const url = e.currentTarget.href; setTimeout(() => { location.href = url; }, 300); }; const handleMouseOver = (e) => { e.currentTarget.querySelector('.store__image--B').style.opacity = 1; }; const handleMouseOut = (e) => { e.currentTarget.querySelector('.store__image--B').style.opacity = 0; }; const setHandle = () => { let userAgent = navigator.userAgent; let iPhone = (userAgent.indexOf('iPhone') > -1) ? true : false; let iPad = (userAgent.indexOf('iPad') > -1) ? true : false; let index = 0; while (index < storeLen) { $store[index].addEventListener('click', (e) => handleClick(e)); if (! (iPhone || iPad)) { /* iOSでは2回タップが必要なため、設定しない */ $store[index].addEventListener('mouseover', (e) => handleMouseOver(e)); $store[index].addEventListener('mouseout', (e) => handleMouseOut(e)); } index++; } }; setHandle(); }); window.addEventListener('pageshow', () => { if (event.persisted) { window.location.reload(); } });