jQuery.select()在移动设备上不起作用
我在一个网站上工作,那里的要求是允许访问者通过单击复制代码。类似于我们过去在一些网站上使用单击复制优惠券代码 为此,我使用jQuery如下:jQuery.select()在移动设备上不起作用,jquery,select,mobile,input,Jquery,Select,Mobile,Input,我在一个网站上工作,那里的要求是允许访问者通过单击复制代码。类似于我们过去在一些网站上使用单击复制优惠券代码 为此,我使用jQuery如下: $(".enter-coupon-input").on("click", function () { $(this).select(); }).trigger( "click" ); 这适用于桌面上的所有浏览器,也适用于包括iOS和Android在内的平板电脑。但它在任何移动设备上都不起作用。当我尝试选择文本字段中的文本时,整个文本字段都被选中,而
$(".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 />
试试这个,也许在这种情况下,移动浏览器中有一些默认行为
$(".enter-coupon-input").on("click", function (е) {
e.preventDefault();
$(this).select();
}).trigger( "click" );
您可能需要在遇到问题的设备上循环使用select支持。有些可能不支持,或者有不同的实现,这是移动设备上的常见问题。仍然不工作,在长按文本字段或jQuerye.preventDefault()时选择了整个文本字段
不包括移动浏览器,因此您应该尝试阻止纯js的默认行为。也考虑相反的可能性,如果有任何附加的框架或库,它们的代码实际上会覆盖默认的行为,就像我在上面的例子中所做的那样。我的应用程序中有这样的问题。