解决mousedown和click事件同时绑定在一个元素上

说明：同一个元素需要绑定click事件和mousedown事件，并且互相不能影响。话不多少上代码：

<script>
        var timer;/* 使用定时器区分点击事件和鼠标按下事件 */
        var flag = true;/* 设置一个状态，鼠标抬起的时候会触发click事件，这个无法阻止（我没办法，有谁知道更好的解决方式欢迎告诉我一下），现在依然是会触发点击事件，只是通过flag的值选择click里面的代码块是否执行 */
        function mousedown(){
            clearTimeout(timer);
            timer = setTimeout(function(){
                console.log('鼠标按下事件');
                flag = false;
            },200)
        };
        function divclick(){
            clearTimeout(timer);
            if(flag){
                console.log('点击事件')
            }
            flag = true;/* 鼠标抬起时if里面的代码块不会执行，但是不能耽误点击事件自己执行，所以要将flag重新设置为true */
        };
    </script>