Question

我有这个功能，我用onClick调用它。谷歌Chrome（Windows）正在运行，但在Android Chrome上却没有。如何让它在Android Chrome中使用ontouch？

谢谢！

function copyCupon(cupon, link) {
  var copyText = document.createElement("input");
  document.body.appendChild(copyText);
  copyText.setAttribute("id", "copyTextId");
  copyText.setAttribute('value', cupon);
  copyText.select();
  document.execCommand("copy");
  document.body.removeChild(copyText);
  alert("Cuponul " + "'" + copyText.value + "'" + " a fost copiat. Spor la cumparaturi! :)");
  window.open(link);
}

<button onclick="copyCupon('test to copy', 'http://www.google.ro')">Copy coupon</button>

Answer 1

试试这个：

删除按钮的所有悬停规则或任何CSS规则，并检查它是否有效。
将光标pointer添加到按钮样式
使用jquery touchstart：

$（＆＃39;＃whatever＆＃39;）。on（＆＃39; touchstart click＆＃39;，function（）{/ * your code * /}};

Answer 2

这里是使用jQuery的小提琴。

＆＃13;

$('#btn').on('touchstart click', function() {
  var cupon = $('#btn').attr('val1');
  var link = $('#btn').attr('val2');
  var copyText = document.createElement("input");
  document.body.appendChild(copyText);
  copyText.setAttribute("id", "copyTextId");
  copyText.setAttribute('value', cupon);
  copyText.select();
  document.execCommand("copy");
  document.body.removeChild(copyText);
  alert("Cuponul " + "'" + copyText.value + "'" + " a fost copiat. Spor la cumparaturi! :)");
  window.open(link);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id='btn' val1='test to copy' val2='http://www.google.ro'>Copy coupon</button>

＆＃13;

Answer 3

添加光标：指针；到 css 对我有用，但无法提供任何解释原因。

function do_something() {
alert('It works now!')
}

.button {
  cursor: pointer;
}

<button class='button' onclick='do_something()'>Click</button>

.button {
  cursor: pointer;
}

onClick事件无法在Android Chrome上运行

3 个答案: