小码哥的IT人生

首页 > JS > jQuery

jQuery 事件 - type 属性 概述

jQuery 2022-06-01 12:08:42小码哥的IT人生shichen

jQuery 事件 - type 属性

实例

显示触发了哪种类型的事件:

$("p").bind('click dblclick mouseover mouseout',function(event){
  $("div").html("Event: " + event.type);
});

完整实例:

<html>
<head>
<script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("p").bind('click dblclick mouseover mouseout',function(event){
    $("div").html("事件:" + event.type);
  });
});
</script>
</head>
<body>
<p>该段落定义了 click、double-click、mouseover 以及 mouseout 事件。如果您触发了其中的一个事件,下面的 div 中会显示出事件的类型。</p>
<div></div>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

定义和用法

type 属性描述触发哪种事件类型。

语法

event.type
参数 描述
event 必需。规定要检查的事件。这个 event 参数来自事件绑定函数。

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024