onclickがios safari で希望通り動かない

Question

ロック（再移動不可）


var lockBtn = document.getElementById('lockbottun');
  lockBtn.onclick = function() {
	object.selectable = false;
    canvas.requestRenderAll();
	  });  


の場合、Android（chrome）では希望の通り、
ボタンをクリックしたら、オブジェクトを選べないように動きます。

ios safariでは希望の通り動かないので、
#lockbottun{
cursor: pointer;
	}
を追加したのですが、それでもios safariでは動きません。
どのように修正すればよいでしょうか。

Answer

ECマスターズの田中です。

いただいたソースの最終行が
});
となっておりますが、これは２行目の
function() {
に対応する閉じ括弧とした場合、正しくは
};
となります。
いただいた部分およびその前後にて、括弧の対応が正しいかどうか、
今一度ご確認のほどお願いいたします。

また、buttonタグは何も指定しないとフォーム送信の処理を行ってしまいますので、
type="button" の指定をお試し願います。
http://www.htmq.com/html5/button.shtml

Answer

type="button" にしてみましたが、
症状変わらずです。

気になる記事を見つけました。
https://analogstd.com/pc/iphone-hover-click-faq/

こちらを参考に試してみまして、また相談させて頂きます。

Answer

先程の私の投稿した記事は今回関係ありませんでした。

その後、様々な検証をしましたところ、

document.getElementById('lockbottun').addEventListener('click',function(){	
object.selectable = false;
canvas.requestRenderAll();
});  

という記述方法にしましたら、ios safariでも思った通りの動作をしました。