我的画布中的签名无法在手机上使用

Question

我的脚本在台式机上运行良好，但在手机上运行不正常。 脚本的工作方式如下：

1. 用户单击按钮
2. 点击按钮可打开模式
3. 用户在模态内的画布内签名。

在桌面上，它可以正常工作。但不在移动设备上。

您能帮我更正我的代码吗？

这是页面：http://p4547.phpnet.org/velos/modal/

我已经添加了touchstart，touchmove和touchend功能，但是它不起作用。

这是我的代码：

  $(function () {
      $('.terms_of_services').change(function () {
          if(checkbox.checked == true){
              document.getElementById("hide_if_above_checked").setAttribute("d-none");
          }else{
              document.getElementById("hide_if_above_checked").removeAttribute("d-none");
          }
      });
  });

请注意：我仍然是初学者，我已经在Google上搜索了解决方案，但没有成功。