jQuery .select() 不适用于移动设备

Question

我正在开发一个网站，其要求是允许访问者通过单击复制代码。就像我们过去在某些网站上通过单击复制优惠券代码一样。

为此，我使用了 jQuery，如下所示:

$(".enter-coupon-input").on("click", function () {
   $(this).select();
}).trigger( "click" );

这适用于桌面上的所有浏览器，也适用于平板电脑，包括 iOS 和 Android。但它不适用于任何移动设备。当我尝试选择文本字段内的文本时，整个文本字段都会被选中，而不仅仅是文本字段内的文本。

这是文本字段:

<input type="text" name="couponcode" id="couponcode" 
 class="enter-coupon-input enter_input_coupon" 
 value="<?php echo $text_here;?>" readonly />

谁能告诉我为什么这不起作用，我已经通过谷歌搜索和搜索代码论坛进行了很多尝试，但还没有得到任何解决方案。

Answer 1

尝试一下，对于这种情况，移动浏览器中可能有一些默认行为

$(".enter-coupon-input").on("click", function (е) {
   e.preventDefault();
   $(this).select();
}).trigger( "click" );