当点击图片的时候,如果点击(单击)的时间不够2秒就不触发jquery的click事件怎么实现,请大家帮忙看下。谢谢。jquery图片

解决方案 »

  1.   


    是,小于不触发click事件。
      

  2.   

       $('body').mousedown( function(){
        clearTimeout(tir);
          tir=setTimeout(function(){
            alert('ok')
          },2000)
       }).mouseup(function(){
         clearTimeout(tir);
       })
      

  3.   


    我试了下,没什么反应,代码如下:<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><html>
    <head>
    <title>test</title><script src="/NASystem/js/jquery-1.4.4.min.js" type="text/javascript"
    charset="UTF-8"></script><script type="text/javascript">
    $(document).ready(function() {
    alert("in");
    $('body').mousedown(function() {
    clearTimeout(tir);
    tir = setTimeout(function() {
    alert('ok');
    }, 2000);
    }).mouseup(function() {
    clearTimeout(tir);
    }); });
    </script>
    </head><body>
    <img src="test.gif" alt="" />
    </body>
    </html>
      

  4.   

    是,小于不触发click事件。
    在图片区内,鼠标按住2s<html>
    <head>
    <title>test</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
    var tir=0;
    $('img').mousedown(function() {
    clearTimeout(tir);
    tir = setTimeout(function() {
    alert('ok');
    }, 2000);
    }).mouseup(function() {
    clearTimeout(tir);
    }); });
    </script>
    </head>
    <body>
    <img src="http://www.google.com.hk/images/srpr/logo4w.png"  alt="" />
    </body>
    </html>
      

  5.   

    是,小于不触发click事件。
    在图片区内,鼠标按住2s<html>
    <head>
    <title>test</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
    var tir=0;
    $('img').mousedown(function() {
    clearTimeout(tir);
    tir = setTimeout(function() {
    alert('ok');
    }, 2000);
    }).mouseup(function() {
    clearTimeout(tir);
    }); });
    </script>
    </head>
    <body>
    <img src="http://www.google.com.hk/images/srpr/logo4w.png"  alt="" />
    </body>
    </html>谢谢了。