编程语言应用

注册

 

发新话题 回复该主题

Html标记双击事件ondbclick的 [复制链接]

1#
北京那治疗白癜风 https://wapjbk.39.net/yiyuanzaixian/bjzkbdfyy/

一、基本概念:

#JavaScript#在Html标记中,还可以具有双击事件,双击是指在某个Html标记上连续点击鼠标的左键两下。

一般双击事件在Windows操作系统中常用,安装后的应用程序都会在桌面上生成一个快捷图标,此时,双击这个快捷图标,就可以启动对应的应用程序,这就是双击所起的作用。

在Html标记中,有一个ondblclick属性,此属性可以触发双击事件,当在此标记上双击鼠标左键就会执行挂接的JavaScript代码,实现某种功能或特效。

二、基本语法:

对于Html标记使用了双击事件,大部分都是在按钮上使用的,当然,其它标记上也可以使用,只是该标记具有ondblclick属性且符合实际业务需求即可。

JavaScript深入编程-从0基础到深入学习线上.NET培训课程淘宝¥18购买已下架

Ondblclick事件的基本语法如下:

buttonondblclick=JavaScript代码或函数确定/button

双击事件ondblclick与单击事件onclick在属性名称上是相似的,只是双击多了db字母。

三、举例说明:

现在我们举一个实际的例子,说明一下双击事件的使用,首先获取文本框的值,然后在双击事件中,对文本框的值进行转换,转换为数字类型,然后再进行判断。

Html+JavaScript核心代码如下:

scripttype=text/javascriptfunctionf1(){varx=document.getElementById(txt);if(Number(x.value)=20){document.write(输入的值大于等于20。);}}/scriptinputtype=textid=txt/buttonid=btntype=buttonondblclick=f1()确定/button

此段代码说明如下:

(1).获取Id为txt的文本框对象。

(2).将文本框的值使用Number()函数转换为数字。

(3).将数字与20进行对比。

(4).满足条件的输出文本内容。

ondbclick事件

将VisualStudio中的代码运行一下结果:

此时,单击“确定”按钮是不起作用的,是不能触发事件的,需要连续点击鼠标左键两下才可以。

当对按钮执行双击事件后,触发了f1()函数,执行了JavaScript代码,输出了一段文本。

在实际的应用中,双击事件使用的情况并不多,因为需要单击两次,多一次的操作总是负担。因此,双击事件只用在少数的且特殊的情况下。

分享 转发
TOP
发新话题 回复该主题