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" );