2016-03-29 28 views
1

Bir bağlantıyı takip edilmesini durdurmak için event.preventDefault() kullanabileceğimi biliyorum. Ancak, sadece düz sol tıklama veya dokunma üzerine varsayılan eylemi önlemek istiyorum. shift-left-click, ctrl-left-click, sağ tıklama ve orta tıklama, tümü varsayılan eylemi gerçekleştirmelidir.Nasıl bağlanır * sadece * soldaki bağlantıya tıklanır?

Düz sol tıklamayı veya dokunma çubuğunu nasıl algılayabilirim?

cevap

2

Sen & ctrlKeyshiftKey i `metaKey` yanı eklenen bu

document.getElementById('test').addEventListener('click', function(event) { 
 
    snippet.log('button: ' + event.button); 
 
    snippet.log('ctrlKey: ' + event.ctrlKey); 
 
    snippet.log('shiftKey : ' + event.shiftKey); 
 
    snippet.log('altKey : ' + event.altKey); 
 

 
    if (event.button == 0 && !event.ctrlKey && !event.shiftKey && !event.altKey) { 
 
    event.preventDefault(); 
 
    } 
 
})
<!-- Provides the `snippet` object, see http://meta.stackexchange.com/a/242144/134069 --> 
 
<script src="http://tjcrowder.github.io/simple-snippets-console/snippet.js"></script> 
 
<a id="test" href="http://stackoverflow.com/">test</a>

+0

yapmak, button, altKey gibi MouseEvent özelliklerini kontrol edebilirsiniz. Teşekkürler. Bu, 'düğme' gibi anahtar için tek bir özellik olacağını umuyordum. – Jayen