北京那治疗白癜风 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代码,输出了一段文本。
在实际的应用中,双击事件使用的情况并不多,因为需要单击两次,多一次的操作总是负担。因此,双击事件只用在少数的且特殊的情况下。