blockrain.jsというjQueryプラグインを用いて、サイトにテトリスを組み込んだのですが、それだけではスマホから操作できないので、triggerメソッドでkeydownイベントを意図的に発火させて操作できるようにしようと思ったのですが、triggerメソッドのセレクターに何を指定すれば良いのかわかりません。
HTML
1<div class="x" style="width:300px; height:430px; margin: 0 auto;display: none;"></div> 2<span id="xbtn" style="display: none;width: 100%;text-align: center;margin-top: 10px;"> 3 <i class="icon-circle-left" id="circle-left" style="font-size: 50px;"></i> 4 <i class="icon-circle-down" id="circle-down" style="font-size: 50px;"></i> 5 <i class="icon-circle-right" id="circle-right" style="font-size: 50px;"></i> 6 <i class="icon-spinner11" id="spinner" style="font-size: 50px;"></i> 7</span>
JavaScript
1$("#xbtn").css("display", "inline-block"); 2$(".x").slideDown(); 3$("#xbtn").slideDown(); 4$(".x").blockrain(); 5 $("#circle-left").on("click", function(){ 6 var left = $.Event("keydown"); 7 left.which = 37; 8 $(".x").trigger(left); 9 }); 10 $("#circle-down").on("click", function(){ 11 var down = $.Event("keydown"); 12 down.keyCode = 40; 13 $(".x").trigger(down); 14 }); 15 $("#circle-right").on("click", function(){ 16 var right = $.Event("keydown"); 17 right.keyCode = 39; 18 $(".x").trigger(right); 19 }); 20 $("#spinner").on("click", function(){ 21 var rotation = $.Event("keydown"); 22 rotation.keyCode = 38; 23 $(".x").trigger(rotation); 24 });
テトリスを.xというdivに入れているのでこれで良いのかなと思ったのですが反応しませんでした。
どうしたら良いのでしょうか?
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/12/06 14:34