ondblclick事件的使用
ondblclick事件会在对象被双击时发生。该事件支持除了以下元素的所有HTML元素:
<bdo>、<br>、<base>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style>、<title>.
语法:
● 在JavaScript中:
object.ondblclick = function(){myScript};
● 在JavaScript中,使用addEventListener()方法:
object.addEventListener("dblclick", myScript);
参数:
● myScript:指定该事件发生时执行的 JavaScript;必需参数,不可省略。
示例1:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>ondblclick事件 </title> </head> <body style="text-align: center;"> <h2>ondblclick事件</h2> <p id="demo1">双击这里!</p> <p id="demo2"></p> <script> document.getElementById("demo1").ondblclick = function() { GFGfun() }; function GFGfun() { document.getElementById("demo2").innerHTML = "Hello world!"; } </script> </body> </html>
效果图:
示例2:使用addEventListener()方法
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>ondblclick事件 </title> </head> <body style="text-align: center;"> <h2>ondblclick事件</h2> <p id="demo1">双击这里!</p> <p id="demo2"></p> <script> document.getElementById("demo1").addEventListener( "dblclick", GFGfun); function GFGfun() { document.getElementById("demo2").innerHTML = "Welcome to here!"; } </script> </body> </html>
效果图:
浏览器支持
● ondblclick事件支持的浏览器如下所示:
● Google Chrome
● Internet Explorer
● Firefox
● Apple Safari
● Opera
以上就是JavaScript中ondblclick事件怎么用的详细内容,更多请关注0133技术站其它相关文章!