マウスで実際のクリックを検出する方法、またはタグボタンで.click（）を使用する方法は？

Question

自分のユーザーのうちのいくつかが実際に投票ボタンをクリックしたか、またはクリック（）機能を使用しているかを検出したいと思います。私の投票ボタンはボタンのタグかタグです。

Answer 1

HTMLElement.click機能は、clickイベントをトリガーします。 mousedownイベントまたはmouseupイベントは発生しません。これは誰もmousedownまたはmouseupイベントをトリガーできないと言うわけではありませんが、clickイベントをトリガーするJavaScriptコードのケースを除外する場合は、単にmousedownまたはmouseupイベントをリスンすることができます。

ここにはES6の例があります。

const demo1 = document.getElementById('demo1'); 
 
const demo2 = document.getElementById('demo2'); 
 
demo1.addEventListener('click', e => { 
 
    demo2.click(); 
 
}, false); 
 
demo2.addEventListener('mousedown', e => { 
 
    console.log('clicked'); 
 
}, false);

<a href="#" id="demo1">Demo 1</a> <a href="#" id="demo2">Demo 2</a>

あなたが（ない人、正直に）Internet ExplorerまたはSafariのを気にしない場合は、ここでEvent.isTrusted

を使用することができます別のES6の例です。

const demo1 = document.getElementById('demo1'); 
 
const demo2 = document.getElementById('demo2'); 
 
demo1.addEventListener('click', e => { 
 
    demo2.click(); 
 
}, false); 
 
demo2.addEventListener('click', e => { 
 
    console.log(['not trusted', 'trusted'][+e.isTrusted]); 
 
}, false);

<a href="#" id="demo1">Demo 1</a> <a href="#" id="demo2">Demo 2</a>