javascriptの条件文

質問

スマホにタッチした時の値を取得するスクリプトです。
よくわからないまま作成してますが、ご勘弁下さい。

<script type="text/javascript">
window.document.addEventListener("touchstart", function(event){
event.preventDefault();

var result = document.getElementById("result");
result.innerHTML =
"clientX:"+ event.touches[0].clientX+ "<br>" +
"clientY:"+ event.touches[0].clientY;
}, true);

window.document.addEventListener("touchmove", function(event){
event.preventDefault();

var result = document.getElementById("result");
result.innerHTML =
"clientX:"+ event.touches[0].clientX+ "<br>" +
"clientY:"+ event.touches[0].clientY;
}, true);

window.document.addEventListener("touchend", function(event){
event.preventDefault();

var result = document.getElementById("result");
result.innerHTML = "";
}, true);

ここまでは正常。
値を取得した、Yを下記のようにしたのですが、
500以上になってもロケーションが実行されません。
間違いなく構文が間違っているのですが、数時間格闘したのですが、わからないので
すみませんが、教えて頂けると有難いです。
num = event.touches[0].clientY;
if (num >= "500") {
location.href = "https://www.google.co.jp/";

}

</script>

回答No.2

muuming2001 · ベストアンサー

touchstartのイベントとtouchmove同じことしてるからtouchstart要らないんじゃ？

あと、num>"500" のnum は数値型なので "500"とダブルコーテーションで囲んだら文字列と比較してることになるから > 500 として数値と比較ね。　動くかもしれないけど・・・

そしてやりたいことの追加位置が悪いのかもね。

< script type = "text/javascript" >
/*
window.document.addEventListener("touchstart", function(event){
event.preventDefault();

var result = document.getElementById("result");
result.innerHTML =
"clientX:"+ event.touches[0].clientX+ "<br>" +
"clientY:"+ event.touches[0].clientY;
}, true);
*/
window.document.addEventListener("touchmove", function(event) {
event.preventDefault();
var result = document.getElementById("result");
result.innerHTML = "clientX:" + event.touches[0].clientX + "<br>" + "clientY:" + event.touches[0].clientY;
num = event.touches[0].clientY;
if (num >= 500) {
alert("500以上がタッチされたよ");
//location.href = "https://www.google.co.jp/";
}
}, true);
window.document.addEventListener("touchend", function(event) {
event.preventDefault();
var result = document.getElementById("result");
result.innerHTML = "";
}, true);

< /script>

お礼

有難う御座いました、おバカな私がまた一つ勉強になりました。
本当に感謝致します。

補足

一応問題なので、500をさとなれないようにしてます。
"をとっても同じでした。

回答No.3

muuming2001

追記　ざっくりです。

function(){ } の中で定義された変数は、その外側の世界では通用しません。
その関数の中でしか通用しません。

補足

すみません勘違いしてました、再度今、やってみます。

回答No.1

doraneko66

"500"の""って入りますかね。
文字列一致になっている気がしますが。。。

補足

"をとっても、ローケーションされませんでした。