モバイルブラウザで不要なmousedownイベントが発生する対処方法

Question

ジェスチャーライブラリ「Hammer.js」を使って、要素の長押しによる疑似コンテキストメニューを表示したいと考えています。

以下のコードの場合、デスクトップブラウザでは特に問題はなかったのですが、モバイルブラウザ(Android 4.0の標準ブラウザにて確認)では、追加した要素がポインターの箇所に一致すると、追加されたタイミングでmousedownイベントが発生するため、メニューが表示されるタイミングでポインターを放すとすぐに疑似メニューが消える不都合が生じます。

モバイルブラウザでこの現象を回避する良い案はございますでしょうか。

`
$("#t").hammer().on("hold", function(){
var d = $("<div>").css({
width:"100px",
height:"100px",
backgroundColor:"white",
});
var down = false;
d.on({
mousedown:function(e){
down = true;
d.css("background-color", "black");
},
mouseup:function(e){
if(down == false) return;
down = false;

        d.remove();
    }
});
$(this).append(d);

});
`

Answer 1

JavaScriptの経験はありませんがAndroidの開発などでは、
どの端末からアクセスしたかによって処理を変更するなどの方法がありますが
JavaScriptではどのブラウザからアクセスしたかを判断する方法はないのでしょうか。
そうすればブラウザ側からではなくからではなくプログラム側で回避することが出来そうですが…。

知識不足のAで申し訳ないですが、お役に立てれば幸いです。