ドラッグ可能要素のonclickが発火しない

Question

画像をドラッグし移動する機能なのですが、その画像をクリックした時のonclickイベントがモバイルで発火しません。
WindowsのChromeでは発火するのですが、AndroidのChromeでは発火しませんでした。
コード:

<script src="./library/sortable/Sortable.min.js"></script>
<table>
  <tr id="list">
    <td><img src="https://example.com/image1.png" id="setting" draggable="false"></td>
    <td><img src="https://example.com/image2.png" draggable="false"></td>
    <td><img src="https://example.com/image3.png" draggable="false"></td>
    <td><img src="https://example.com/image4.png" draggable="false"></td>
  </tr>
  <tr id="title">
    <td>image1</td>
    <td>image2</td>
    <td>image3</td>
    <td>image4</td>
  </tr>
</table>
<script>
document.getElementById("setting").onclick=function(){
  setting(1);
};
$(function(){
  Sortable.create(apps_list,{animation:150});
});
</script>

このsetting()が動作しませんでした。
onclickを正しく動作させる方法がありましたらお願いいたします。

使用しているライブラリ

• Jquery-3.4.1
• Sortable.js

Answer 1

touchstartイベントを使用してみてください。
タッチデバイスでclickイベントのシミュレートを安易に期待するのはモバイルブラウザへの負担が大きいです。
"mobile browser click not fire"等で検索すると同様のケースが散見されると思いますが、タッチデバイスでのclickイベントは単純なtouchイベントの置き換えです。絶対に発火することを保証するものではないと考えてプログラムを記述するのがいいと思います。

Comments

[Res]

詳しく解説していただきありがとうございます。
無事、解決しました。