2014-07-21 63 views
0

我正在創建一個畫外導航菜單,並在Chrome瀏覽器上的兩個Nexus設備上發現了問題。我正在使用最新版本。單擊Android Chrome瀏覽器上的目標設備

具有分配給它們的點擊事件的元素(包括本機錨定標記)響應其界限之外的觸摸,感覺像是5-10px。

有沒有關於這種行爲的任何信息,並且無論如何都有阻止它?

回答

0

這可以在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> 

http://jsfiddle.net/GZbZv/

點擊附近按鈕,實際上你可以在它之外的挖掘一個聯繫,並仍然受到打擊。

+0

這似乎是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

相關問題