js给某个text标签添加鼠标的双击事件

js给某个text标签添加鼠标的双击事件,第1张

js 的单双击事件同时存在会有一个问题:双击事件会同时触发单击事件,两个事件存在冲突。

我们加一个延迟时间就能很好的解决这个问题。

原理: 当接收到第一个点击时,我们先把单击事件存储在这个是全局变量 click_store 里,如果 0.3 秒内没有接收到双击事件,就去执行它,如果接收到了,我们把它清理掉,然后去执行双击事件。setTimeout() 可以实现延迟执行。

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。

2、在index.html中的<script>标签,输入js代码:$('div').click(function(){$(this).css('color','blue')})。

3、浏览器运行index.html页面,此时点击123所在的div,div会变为蓝色文本。

第一种方法:

两个部分:

javascript部分(相当于给出check()接口。):

<script

language="javascript">

function

check()

{

if

{ ……}

else{……}

}

</script>

html

部分(各种调用方法,相当于调用js的check()接口,当点击后将运行JS函数。也可以将onclick改为其他如:onmouseover):

<div

onclick="check()"></div>

<form

onsubmit="check()">

<input

type="submit" >

</form>

<button

onclick="check()"></button>

javascript是写事件的,html调用了这个事件。上文中的自定义事件名称check(),也可以自定义为其他,()圆括号是必须有的。

陕西优就业的老师整理了一种答案,欢迎大家来补充!


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11954382.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存