为什么Onchange功能在Safari中不起作用

Question

请告诉我，如果您更改中间的字段值，则onchange函数不起作用。如果您在末尾编写数字，则该函数有效。问题仅在Safari浏览器中。有什么问题？

jQuery.fn.extend({
  phone: function() {
    var maskList = [{
        "code": "+7 ### ### ## ##",
        "country": "RU"
      },
      {
        "code": "+380 ## ### ## ##",
        "country": "UA"
      }
    ];
    var change = function(e) {
      if (e.type == 'paste') $(this).val('');

      cursor_start = $(this).prop('selectionStart');
      cursor_end = $(this).prop('selectionEnd');
      let matrix = '###############';
      if ($(this).val()[0] == '+') {
        matrix = '+##############';
      }
      maskList.forEach(item => {
        let code = item.code.replace(/[\s#]/g, ''),
          phone = $(this).val().replace(/[\s#-)(]/g, '');
        if (phone.includes(code)) {
          matrix = item.code;
        }
      });

      let i = 0,
        val = $(this).val().replace(/\D/g, '');

      value = matrix.replace(/(?!\+)./g, function(a) {
        return /[#\d]/.test(a) && i < val.length ? val.charAt(i++) : i >= val.length ? '' : a;
      });
      if (val.replace(/\D/g, '').length > value.replace(/\D/g, '').length) {
        value += val.replace(/\D/g, '').slice(value.replace(/\D/g, '').length);
      }
      $(this).val(value);

      return this;
    }

    return this.each(function() {
      $(this).on('load keyup paste', change);
      $(this).trigger('load');
    });
  }
});
$(".phone").phone();
$(".phone").on("change", function() {
  console.log("change");
})
$(".no_phone").on("change", function() {
  console.log("change");
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="phone" value="+380000000000">
<input type="text" class="no_phone" value="123">

PS仅在Safari中开放。

这仅适用于悬挂此功能的字段。其他领域通常会实现Onchange。

Answer 1

当您更改其输入的价值时，iOS往往不会更改事件。

如果将onChange更改为Onblur它适用于iOS，但没有其他作用。我最终提出的修复程序是同时使用onblur和onChange。似乎是多余的，但具有预期的效果。

$(".phone").on("change blur", function() {
  console.log("change");
})

Answer 2

我遇到了完全相同的问题，求解与进入项目中包含的任何文件一样容易，右键单击 ，单击获取信息 go下降的方式，并确保在共享和权限中 都允许每个人都写和阅读。刷新页面和您的功能将卷入

Answer 3

您只需在iPhone中的页面加载以及其他操作系统的页面老号时设置条件即可。

if(navigator.userAgent.match(/iPhone/i))
{
      $(".no_phone").on("blur", function() {
         alert("changed");
      })
}
else{
      $(".no_phone").on("change", function() {
         alert("changed");
      })
});