`
tree_161219
  • 浏览: 87751 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js控制 div 鼠标双击事件

 
阅读更多
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
</head>

<body>
<div onclick="alert(10)"  style="width:100px;height:100px;border:1px dotted black;" id="test"></div>
<div ondblclick="clickborder()"  style="width:100px;height:100px;border:1px dotted red;" id="test"></div>
<script>
document.getElementById("test").ondblclick = document.getElementById("test").onclick;
document.getElementById("test").onclick = null;
</script>
</body>


<script>
function clickborder() {
alert("双击！！");
}

</script>
</html>
0
顶
0
踩
分享到：
| textarea中查找与替换功能
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jquery图片拖拽实例(支持鼠标双击事件拖拽图片)

    本实例主要探讨如何利用jQuery实现图片的拖拽功能，并且特别关注鼠标双击事件来触发拖拽操作。接下来，我们将深入解析这个实例的核心知识点。 首先，我们需要引入jQuery库。在HTML文件中，可以通过添加以下代码来...

    vue双击事件2.0事件监听(点击-双击-鼠标事件)和事件修饰符操作

    除了双击事件，Vue同样支持鼠标事件的监听，如鼠标移动（mousemove）和鼠标离开（mouseout）。当鼠标在指定元素上移动时，可以通过v-on指令监听mousemove事件，并在事件触发时运行JavaScript代码。mouseout事件则是...

    jQuery鼠标双击或拖拽图片加入小框代码

    本项目“jQuery鼠标双击或拖拽图片加入小框代码”是针对网页交互的一种实现，它允许用户通过鼠标双击或者拖动来与图片进行互动，将图片放入一个小框中，从而提供一种独特的用户体验。 首先，我们要理解这个项目的...

    Javascript鼠标事件汇总

    ### JavaScript鼠标事件汇总详解 #### 一、基本概念与作用 在前端开发中，JavaScript（简称JS）作为主要的脚本语言，对于处理用户交互至关重要。鼠标事件是JS中最常见的一种事件类型，它能帮助开发者捕捉用户的...

    js解决事件冲突

    - 当`eventIdx`为3时，执行双击事件的逻辑。 4. **清除定时器**：每次`eventCall`函数执行完毕后，记得清除定时器，避免内存泄漏。 #### 示例代码分析 ```javascript var obj = document.getElementById('...

    js实现图片在div内滚轮放大缩小拖动，有滚动条，双击回原状，无插件，赠送网上搜罗的其他的一些图片放大缩小js资源

    js实现图片在div内滚轮放大缩小拖动，有滚动条，双击回原状，无插件，赠送网上搜罗的其他的一些图片放大缩小文件，在每个压缩包是一个，打开压缩包里的网页文件就可以看效果。本人的在“自己的.html”里，记事本打开...

    three.js加载obj模型添加点击事件及其他

    three.js是一个流行的JavaScript库，用于在Web浏览器中创建3D图形。OBJ是一种通用的3D模型格式，广泛用于交换3D数据。 首先，我们需要了解如何在three.js中加载OBJ模型。这通常涉及到以下步骤： 1. **导入three.js...

    【JavaScript源代码】ECharts鼠标事件的处理方法详解.docx

    ### ECharts鼠标事件处理方法详解 #### 一、概述 ECharts是一款由百度前端技术部开发的纯JavaScript图表库，提供了丰富的可视化效果。在ECharts中，为了更好地与用户进行交互，实现各种复杂的业务需求，它支持多种...

    html5鼠标双击段落文字高亮显示遮罩层效果代码

    最后，我们需要使用JavaScript监听段落的双击事件，当双击发生时，高亮文本并显示遮罩层。可以使用`addEventListener`方法来添加事件监听器： ```javascript document.getElementById('dualClickText')....

    div+css很好的例子与特效

    “双击滚屏，单击暂停的JS代码.htm”可能涉及JavaScript与CSS的结合，通过监听鼠标事件来控制页面滚动。双击实现快速滚动，单击暂停则增加了用户控制感。 “用JavaScript在网页右下角弹出窗口.htm”和“符合标准的...

    js 鼠标事件的抓取

    ### JS鼠标事件抓取知识点详解 #### 一、概述 在Web开发中，鼠标事件是非常常见且重要的交互方式之一。合理地使用鼠标事件能够极大地提升用户体验，并为用户提供更丰富的交互功能。本文将详细介绍如何在JavaScript...

    jquery单击事件和双击事件冲突解决方案

    为了解决单击和双击事件的冲突，我们可以通过设置一个定时器（setTimeout）来控制事件的触发时机。在单击事件的监听器中，我们使用`clearTimeout`来取消上一个定时器，然后重新设置一个新的定时器。只有在300毫秒...

    双击鼠标滚动页面JS源码

    ### 双击鼠标滚动页面JS源码：控制页面滚动速度 在现代网页设计与开发中，用户交互体验是至关重要的部分。本篇文章将深入解析一个特定的JavaScript代码片段，该代码实现了通过双击鼠标来控制页面滚动的功能，并允许...

    javascript 触发事件列表

    #### 十、双击事件(ondblclick) 当用户双击某个元素时触发的事件。 **示例：** ```html 双击" ondblclick="alert('您双击了这个按钮');"&gt; ``` 当用户双击按钮时，会弹出一个警告框提示用户。 #### 十一、键盘...

    js jq 单击和双击区分示例介绍

    在这个示例中，我们为`&lt;div&gt;`元素绑定了单击和双击事件。当用户单击时，如果在300毫秒内没有再次点击，那么延时函数就会执行，执行单击事件的代码。如果在这300毫秒内用户进行了第二次点击，那么延时函数会被清除，...

    JavaScript拖动层Div代码

    总结一下，实现JavaScript拖动层Div的关键在于监听鼠标事件，计算鼠标与Div的相对位置，并在鼠标移动时实时更新Div的位置。这种技术广泛应用于各种用户界面元素，如对话框、窗口或可自定义布局的组件。理解并掌握...

    div模拟窗口操作

    2. **坐标计算**：在mousemove事件中，需要根据鼠标的当前位置和初始点击位置计算出`&lt;div&gt;`的新坐标，然后更新`&lt;div&gt;`的CSS位置属性。 3. **拖动限制**：为了防止`&lt;div&gt;`被拖出父容器，需要检查并限制新的坐标值。 ...

    点击一行弹出一个div层，把该条的信息都显示在层中

    以上JavaScript代码实现了鼠标悬停、离开、单击及双击事件的处理，增强了用户体验，并为后续弹出`div`提供了基础。 ##### 弹出`div`层实现 在用户双击某一行后，可以弹出一个包含该行详细信息的`div`层。这个`div`...

    js实现拖拽功能(支持左右拖动、删除)

    概述：实现拖拽工作流程配置，可以鼠标左右移动元素，鼠标双击可以删除元素。 基本原理：就是根据鼠标的移动来移动被拖拽的元素。鼠标的移动也就是x、y坐标的变化;元素的移动就是style.position的 top和left的改变...

Magicbox
Global site tag (gtag.js) - Google Analytics