`
mfan
  • 浏览: 340856 次
  • 性别: Icon_minigender_1
  • 来自: 南宁
社区版块
存档分类
最新评论

onclick与ondblclick的同时实现例子

    博客分类:
  • JS
阅读更多

<%@ page contentType="text/html;charset=UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title> 测试</title>
    <script>

    var clickRepeat;
    var clickCount=0;//点击次数
    var clickDelay=300;//点击时间间隔(毫秒)
    function checkClick() {
        clearTimeout(clickRepeat);
        clickCount++;
        if(clickCount==1) {
            clickRepeat=setTimeout("doEvent('click');clickCount=0",clickDelay);
        }
        else {
            doEvent("dblclick");
            clickCount=0;
        }
    }

    function doEvent(obj)
    {
        if(obj== "click")
            alert("click");

        if(obj== "dblclick")
            alert("dblclick");
    }
       
    </script>
</head>
 
<body>
<a href="#" onmouseup="checkClick()" >点击/双击测试</a>
</body>
</html>

 

分享到:
评论

相关推荐

    JS实现同一DOM元素上onClick事件与onDblClick事件并存的解决方法

    总之,通过巧妙地利用定时器,我们可以在同一DOM元素上同时实现`onClick`和`onDblClick`事件,并确保它们都能正常工作,而不相互干扰。这样的解决方案在处理复杂交互时非常有用,可以提升用户体验,让代码更加灵活...

    关于javascript 回调函数中变量作用域的讨论

    1、背景 Javascript中的回调函数,相信大家都不陌生,最明显的例子是做Ajax请求时,提供的回调函数, 实际上DOM节点的事件处理方法(onclick,ondblclick等)也是回调函数。 在使用DWR的时候,回调函数可以作为第一个...

    ztree用法和例子

    同时,可以通过监听 `onDrag`、`onDrop` 等事件来处理拖拽过程中的行为。 **四、事件处理** ZTree 提供了丰富的事件接口,如: - `onClick`:点击节点时触发 - `onDblClick`:双击节点时触发 - `onRightClick`:...

    javascript实现判断鼠标的状态.docx

    在提供的文档片段中,我们看到了一个简单的例子,它展示了如何监听并处理这些基本的鼠标事件。 1. **鼠标按下(mousedown)**: 当用户按下鼠标按钮时,`onmousedown`事件会被触发。在示例代码中,`down()`函数...

    C++ Builder DrawGrid控件基本用法,使用实例,一个例子(诚诚照片Demo)

    你可以通过`OnClick`、`OnDblClick`以及`OnCellClick`等事件来响应用户的操作。例如,你可以添加一个`OnCellClick`事件来处理单元格点击: ```cpp void __fastcall TForm1::DrawGrid1CellClick(TObject *Sender, ...

    JavaScript(js)处理的HTML事件、键盘事件、鼠标事件简单示例

    以下代码展示了如何监听按钮的`onclick`事件和文本框的`ondblclick`事件: ```html &lt;!DOCTYPE html&gt; 鼠标事件 window.onload = function () { var b = document.getElementById('b'); b.onclick = ...

    基于JavaScript实现控制下拉列表

    在这个例子中,我们实现了对下拉列表的控制,包括双击选择单个选项和一键选择所有选项的功能。这种方法在网页表单中特别有用,特别是在需要用户自定义或调整列表内容的场景下。在实际应用中,可以根据具体需求进行...

    ASP.NET程序中常用的三十三种代码.doc

    - 单击表格行可以重定向到另一个页面,这通过在`ItemDataBound`事件中给每个行添加`onclick`事件来实现。 - 双击表格行可以触发类似的操作,但可能打开新页面或在同一页面显示详细信息。两种双击处理方法分别通过`...

    .NET常用功能和代码

    以下是一个简单的例子: ```csharp int intEmpID = (int)MyDataGrid.DataKeys[e.Item.ItemIndex]; string deleteCmd = "DELETE from Employee where emp_id = " + intEmpID.ToString(); // 调用数据库操作方法...

    windows消息 delphi】

    例如,窗体的`OnKeyDown`、`OnKeyPress`和`OnKeyUp`事件对应于键盘消息,`OnClick`、`OnDblClick`等对应于鼠标消息。 6. **消息映射表(Message Map)**:在Delphi中,消息映射表定义了窗口类与消息处理函数的对应...

    ASP.NET常用源代码

    另一个例子是更复杂的条件确认,`button.attributes.add("onclick","if(confirm(’are you sure...?’)){return true;}else{return false;}")`,这个会根据用户的确认与否决定是否执行后续操作。 3. **删除表格选定...

    asp.net控件大全

    - `e.Item.Attributes.Add("onclick", ...)` 和 `e.Item.Attributes.Add("ondblclick", ...)` 分别为单击和双击事件添加了相应的动作,如页面跳转。 #### 6. 设置超链接的目标窗口 **示例代码:** ```xml ...

    ListBox使用例子

    - `OnDblClick`: 用户双击ListBox中的项时触发,常用于执行更复杂的操作,如打开新窗体或编辑选定项。 - `OnSelect`: 在用户选择新的项时触发,可以用于更新其他控件的状态或执行相关操作。 3. **添加和删除项** ...

    jquery easy ui tree

    6. **事件处理**:除了 `onClick`,Tree 还支持其他事件,如 `onCheck`(复选框被点击时)、`onDblClick`(双击节点时)等,可以根据需求进行绑定。 7. **异步加载**:如果数据量较大,可以使用异步加载功能,只在...

    常用的ASP代码,共享上来

    这都是通过在`DataGrid_ItemDataBound`事件中,为每个表格行添加`onclick`或`ondblclick`事件处理程序来完成的,通过`window.open`或更改`location.href`来打开新页面,并传递当前行的ID作为参数。 6. **表格超链接...

    javascript实现判断鼠标的状态

    例如,`&lt;body&gt;`标签中的`ondblclick`、`onmousedown`、`onmouseup`和`onclick`属性分别指定了相应的JavaScript函数。 ```html &lt;body ondblclick="dclick()" onmousedown="down()" onmouseup="up()" onclick="click...

    javascript实现划词标记+划词搜索功能

    本篇内容展示了一个基于纯JavaScript实现的划词标记与划词搜索功能的例子。主要涉及的技术点包括: 1. **DOM 操作**:利用 JavaScript 对 DOM 进行操作,实现文字的高亮显示。 2. **事件监听**:通过监听鼠标点击、...

    Html事件列表

    通过监听这些事件,开发者可以实现各种动态效果和功能。下面将详细介绍常见的HTML事件及其用途。 #### onClick HTML: 鼠标点击事件 - **定义**:当用户在网页中的某个对象上单击鼠标左键时触发的事件。 - **用途**...

    NET中常用的三十三种代码

    与上面的例子类似,这里是通过双击事件来打开新的页面。 ### 6. 表格超链接列传递参数 这一段代码展示了如何在表格的超链接列中传递参数。 ```html 号" DataTextField="id" NavigateUrl="aaa.aspx?id='(Container...

    Dreamweaver行为事件[参照].pdf

    除了这个例子中涉及的`onMouseOver`和`onMouseOut`事件,Dreamweaver还支持其他常见的事件,例如: - `onClick`:当用户单击元素时触发。 - `onDblClick`:用户双击元素时触发。 - `onKeyPress`:用户按下键盘上的键...

Global site tag (gtag.js) - Google Analytics