0
我正在創建一個畫外導航菜單,並在Chrome瀏覽器上的兩個Nexus設備上發現了問題。我正在使用最新版本。單擊Android Chrome瀏覽器上的目標設備
具有分配給它們的點擊事件的元素(包括本機錨定標記)響應其界限之外的觸摸,感覺像是5-10px。
有沒有關於這種行爲的任何信息,並且無論如何都有阻止它?
我正在創建一個畫外導航菜單,並在Chrome瀏覽器上的兩個Nexus設備上發現了問題。我正在使用最新版本。單擊Android Chrome瀏覽器上的目標設備
具有分配給它們的點擊事件的元素(包括本機錨定標記)響應其界限之外的觸摸,感覺像是5-10px。
有沒有關於這種行爲的任何信息,並且無論如何都有阻止它?
這可以在Nexus設備上的鍍鉻被複制,這種小提琴(由OP編制)
<style>
#button { margin: 50px auto; background-color: teal; color: white; width: 200px; line-height: 50px; text-align: center; cursor: pointer; font-family: sans-serif; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
</style>
<body>
<div id="button">Touch/Click this button</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$('#button').on('click', function() {
alert('document touch target: ' + event.target);
});
</script>
</body>
點擊附近按鈕,實際上你可以在它之外的挖掘一個聯繫,並仍然受到打擊。
這似乎是Chrome中的一個問題。將點擊事件分配給元素可將其點擊目標區域擴大12px https://code.google.com/p/chromium/issues/detail?id=530725&q=label%3ACr-Blink-Input&colspec=ID%20Pri%20M%20Stars% 20ReleaseBlock%的20Cr%20Status%20Owner%20Summary%20OS%20Modified – Aaaron