.val（）或focus（）无法正常工作

Question

我有一个简单的脚本：当您将链接粘贴到表单的INPUT中的某个图像时，它会自动显示其预览：

但是，当我粘贴相同的链接而不是用手而是通过jQuery ctrl + C / ctrl + V时，我的预览块仍然是空的：

<input class="inputlink" type="text" ng-model="openImageUrl" ng-change="showImagePreview(openImageUrl)" ng-model-options="{ debounce: 500 }">

$(document).ready(function() {
  $('.vk_photo_edit').focus();
  $('.inputlink').val('http://name.com/image.jpg');
});

脚本有什么问题？

Answer 1

<input class="inputlink" type="text" ng-model="openImageUrl" ng-change="showImagePreview(openImageUrl)" ng-model-options="{ debounce: 500 }">

ng-change激活更改事件。如果从脚本内部更改值，则不会触发此事件。

2解决方案

1. 直接调用showImagePreview函数

2. 使用document.createEvent

创建虚假活动