<button id="lockbottun">ロック<br>（再移動不可）</button>


var lockBtn = document.getElementById('lockbottun');
lockBtn.onclick = function() {
object.selectable = false;
canvas.requestRenderAll();
});


の場合、Android（chrome）では希望の通り、
ボタンをクリックしたら、オブジェクトを選べないように動きます。

ios safariでは希望の通り動かないので、
#lockbottun{
cursor: pointer;
}
を追加したのですが、それでもios safariでは動きません。
どのように修正すればよいでしょうか。