JS / jQuery - 强制点击文本区域元素

Question

所以我环顾四周，因为我需要解决一个 iOS 错误，但我的模拟点击似乎都不起作用。我正在尝试手动关注 textarea 元素，但为此我需要手动模拟对所述 textarea 元素的点击。所以这是我尝试过的：

$('#text-input')[0].click();
$('#text-input').click();
$('#text-input').trigger('click');
$('#text-input').focus();

和

$('#text-input').on('click', function {
    $(this).focus();
});

$('#text-input').trigger('click');

$('#text-input').on('touchstart', function {
    $(this).focus();
});

$('#text-input').trigger('touchstart');

HTML：

<textarea id="comment-input" class="comment-input" rows="1" maxlength="{{maxTextLength}}" ng-model="newMessage.content" placeholder="{{ messagePlaceholder }}" />

关于为什么这不起作用的任何想法？

Answer 1

试试.focus 而不是click 喜欢

$('#text-input').trigger('focus');

或者只是

$('#text-input').focus();

更新

您可以尝试setTimeout，它在大多数情况下都有效

$("#text-input").on("click", function(event) {
  setTimeout(function() {
        $(event.target).select(); //or $(event.target).focus();
  }, 1); 
});

更新 2

你也可以尝试使用touchstart event like

//trigger touch on element to set focus
$("#text-input").trigger('touchstart'); 

//event handler to set the focus()
$('#text-input').on('touchstart', function () {
    $(this).focus();   // inside this function the focus works
});