jquery的target属性

显示哪个 DOM 元素触发了事件:

在惠城等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供成都网站建设、网站制作 网站设计制作专业公司,公司网站建设,企业网站建设,成都品牌网站建设,营销型网站建设,成都外贸网站建设,惠城网站建设费用合理。

$("p, button, h2, h3").click(function(event){
  $("div").html("Triggered by a " + event.target.nodeName + " element.");
});

target 属性规定哪个 DOM 元素触发了该事件。

<html>

<head>

<script type="text/javascript" src="/jquery/jquery.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  $("p, button, h2, h3").click(function(event){

    $("div").html("点击事件由一个 " + event.target.nodeName + " 元素触发");

  });

});

</script>

</head>

<body>

<h2>这是一个标题</h2>

<h3>这是另一个标题</h3>

<p>这是一个段落</p>

<button>这是一个按钮</button>

<p>标题、段落和按钮元素定义了一个点击事件。如果您触发了事件,下面的 div 会显示出哪个元素触发了该事件。</p>

<div></div>

</body>

</html>

网站名称:jquery的target属性
文章URL:https://www.cdcxhl.com/article32/poigpc.html

成都网站建设公司_创新互联,为您提供微信小程序商城网站网页设计公司网站制作网站导航

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都网站建设