我正在开发一个网站,其要求是允许访问者通过单击复制代码。就像我们过去在某些网站上通过单击复制优惠券代码一样。
为此,我使用了 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 />
谁能告诉我为什么这不起作用,我已经通过谷歌搜索和搜索代码论坛进行了很多尝试,但还没有得到任何解决方案。
最佳答案
尝试一下,对于这种情况,移动浏览器中可能有一些默认行为
$(".enter-coupon-input").on("click", function (е) {
e.preventDefault();
$(this).select();
}).trigger( "click" );
关于jQuery .select() 不适用于移动设备,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24182219/