タッチパネル対応PCの場合のmouseとtouchのイベントの振り分け方法

Question

下記のコードでデバイスがタッチイベントに対応しているかどうかで判定を行い
mouseとtouchのイベントの振り分けを実装していました。
ただタッチパネル対応PCの場合trueが返ってしまうようで、マウスでの操作が効かない状態になっていました。

var touchstart = 'mousedown',
    touchmove = 'mousemove',
    touchend = 'mouseup',
var hasTapEvent = (function(){
     var div = document.createElement('div');
     div.setAttribute('ontouchstart', 'return');
     return (typeof div.ontouchstart === 'function');
})();

if (hasTapEvent) {
     touchstart = 'touchstart';
     touchmove = 'touchmove';
     touchend = 'touchend';
}

タッチパネルに対応したPCでマウスとタッチを両対応させる事は可能でしょうか？

もしくはPCはタッチ対応でもマウス使用の場合はマウスを優先させる
（この時タッチは出来なくても良い）
といった方法でも構いません。

なにかスタンダードな実装方法があればご教授願います。
よろしくお願いします。

【マウス操作できない環境】
OS: windows7, 10
ブラウザ： GoogleChrome

Answer 1

タッチデバイス判定とユーザーエージェント判定のPC判定で双方trueの場合はタッチ対応PCと判断できるので、その場合はタッチ無効（というよりマウスイベントに書き換え）というのはどうでしょうか？

Comments

[shiehiro]

回答ありがとうございます。
確かにその条件で判定すればPC, SP, タッチPCで別々に分けられそうですね。

マウス優先で実装する場合は頂いた方法でいけそうですが、
やはりタッチパネルとマウス両方に対応させるのは難しいのでしょうか。

[m.ts10806]

どちらかを優先させるしかなさそうに思います。
http://muumv.com/click-tap/
https://w3g.jp/blog/touches_events
タッチ対応PCにて普通はマウス優先だけどこういうときはタッチのイベントにしたい！というところがあれば「タッチ対応PC」という判定さえ変数に控えておけば如何様にもできます。

[shiehiro]

問題としてはよく起こりそうなものなので、何か基本的な対処方法があるのかと考えていましたが甘かったですね。。。

一旦はマウス優先でイベントを書き換えるように実装します。
ありがとうございました。