###前提・実現したいこと
JSにおいて、クリックイベント時にconsole.logにて文章が表示されるように設定したい。
console.log("ok!")は表示可能だが、console.log("ng!")は表記されず。
###該当のソースコード
html
1<!doctype html> 2<html> 3<head> 4<meta charset="UTF-8"> 5<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 6<meta name="format-detection" content="telephone=no"> 7<title></title> 8<link rel="stylesheet" href="css/reset.css"> 9<link rel="stylesheet" href="css/base.css"> 10<link rel="stylesheet" href="css/style.css"> 11</head> 12<body> 13<div class="swipe-photo"> 14 <ul class="swipe-photo-container clearfix"> 15 <li class="swipe-photo-item"><img src="img/0.jpg" class="swipe-photo-thumbnail"></li> 16 <li class="swipe-photo-item"><img src="img/1.jpg" class="swipe-photo-thumbnail"></li> 17 <li class="swipe-photo-item"><img src="img/2.jpg" class="swipe-photo-thumbnail"></li> 18 <li class="swipe-photo-item"><img src="img/3.jpg" class="swipe-photo-thumbnail"></li> 19 <li class="swipe-photo-item"><img src="img/4.jpg" class="swipe-photo-thumbnail"></li> 20 <li class="swipe-photo-item"><img src="img/5.jpg" class="swipe-photo-thumbnail"></li> 21 </ul> 22</div> 23</body> 24</html>
javascript
1<script type="text/javascript"> 2 window.addEventListener("load", function(event){ 3 console.log("ok!"); 4 5 // 開始時 6 document.addEventListener("click", function(event){ 7 if(event.target.classList.contains("swipe-photo-item")) 8 console.log("ng!"); 9 }); 10 11 }, false); 12 13</script>
###補足情報(言語/FW/ツール等のバージョンなど)
まだJSに関しては勉強中のためあまり詳しくありません。
よろしければ分かりやすいアドバイスお願いいたします。
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/10/13 03:07