HTML获取触发事件的元素id

最新推荐文章于 2022-08-10 21:35:08 发布
最新推荐文章于 2022-08-10 21:35:08 发布
阅读量4.3k 收藏 5
点赞数 2
分类专栏： HTML 文章标签： html id 获取触发id
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011461844/article/details/51499774
版权

HTML获取触发事件的元素id

今天在写微信网页代码时，需要在添加一个contextMenu，同事给找的，由于点击执行时，需要一个属于该元素的参数，我们把它设成了 “id”，可如何获取该”id”成了一个问题。
经过查找，发现了下面的这个方法
$(this).attr("id");
可以在函数中通过该段代码实现”id”的获取。如下去测试
alert($(this).attr("id"));

ALittleShip
关注
专栏目录
获取触发事件的元素的ID
p15097962069的博客
12-15 2252
有什么方法可以获取触发事件的元素的ID？ 我在想类似的东西： <html> <head> <script type="text/javascrip
HTML应用开发基础篇 - JS 事件（函数的触发/touch事件）
徐小mu的博客
12-17 404
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JS事件</title> </head> <body> <!--<button id="btn" onclick="func()">点击</...
html event_id,html中的id与onmouse系列事件知识点
weixin_30827827的博客
06-18 398
简介：最近做项目一直用vue框架，碰上了一些需要直接操作dom的情况，但是vue是数据驱动的框架，对于dom操作很弱，一个ref还不能操作组件中的dom，最后研究了一番发现dom可以直接操作，而且更简单。真是用多了框架把最原始最强大的方法都丢了。先来几个知识点铺垫然后做两个关于鼠标拖动的例子。一：重视起来id以前总是用jq，id都是用来定位元素的，但仅仅这么用就让费id的本质了，id是dom对象的...
html跨页面获取元素id或其它信息
weixin_51418516的博客
08-10 1522
window.parent.document.getElementById(“父窗口元素ID”);我的情况是一个页面里引入了另一个页面，即父子页面嵌套的情况。所以以上代码解决了我的获取元素的问题。$(“#父窗口元素ID”,window.parent.document);2.html过去页面元素值,html页面之间的传值，获取元素和方法的调用。1.Storage setItem() 方法。当作自己记录一下吧orz。...
html点击子元素,js获取被点击的元素以及子元素
weixin_39921023的博客
06-25 1504
js获取被点击元素：获取被点击的元素body {margin: 0px;}#container {width: 700px;height: 300px;padding:5px;background-color: #edfdef;}function getClickEle(ele){console.log($(ele).val()); //方法一：通过jquery对象，获取被点击的元素con...
html中元素自动获得点击率,在js中如何获取到你点击的元素的html、对象、属性值、以及自定义的属性值...
weixin_39845206的博客
05-31 262
前言：记录自己在工作中遇到的小问题，积少成多！因为是新手，有什么写的不好的地方还希望大家能够指出来。有什么更好的解决方法也希望大家能提出来，一起交流分享！(小弟在这里先谢谢大家)直接上代码：1、jsp页面代码首先定义两个按钮,添加一些常规属性type、id、value其次再定义给每个按钮一个自定义的属性custom与方法一配套的input与方法二配套的input2、js代码//现在我们要做的就是点...
jquery获取并修改触发事件的DOM元素示例【基于target 属性】
10-16
本篇文章将深入探讨如何使用jQuery通过`event.target`属性来获取并修改触发事件的DOM元素，以满足特定的需求。 首先，让我们理解`event.target`属性。在JavaScript事件处理函数中，`event`对象包含了关于事件的各种...
VUE解决 v-html不能触发点击事件的问题
10-16
在Vue.js开发过程中，有时候会遇到一个问题，即使用`v-html`指令插入动态HTML内容时，这些内容中的事件监听器（如点击事件）无法正常触发。这是因为Vue.js的模板编译机制不处理`v-html`插入的纯HTML字符串，它们被视...
html5 自动触发事件,用js代码触发dom事件的实现方案
weixin_35029295的博客
05-31 807
背景前端编写测试用例时，在测试界面上的一些效果时，通常都希望能够模拟一些用户操作，而模拟用户操作最主要的方式就是用代码触发指定事件。通常一些元素上会自带一些触发事件的方法，例如click、focus等，但是如果是其他的事件，例如mousedown、mouseup、mouseenter，这些事件怎么模拟呢？思路其实思路很简单，web标准中定义了一系列API接口，其中dispatchEvent允许我们...
JS实现select选中option触发事件操作示例
10-18
在JavaScript编程中，当涉及到用户交互，特别是在HTML表单元素如`<select>`下拉列表中，有时我们需要监听用户选择的`<option>`项并触发相应的事件。由于`<option>`元素本身不支持直接绑定事件，因此我们通常会在其父...
Vue v-for中的 input 或 select的值发生改变时触发事件操作
10-14
- `v-on:input` 是Vue中用来监听元素`input`事件的指令，当用户在输入框中输入内容时，`input`事件会被触发。在HTML中，我们可以直接使用`oninput`来绑定一个JavaScript函数，但在Vue中，我们需要将其转换为`v-on:...
DOM 篇(复习巩固笔记)
m0_46844278的博客
07-12 536
DOM（Document Object Model，文档对象模型）可以用于完成HTML和XML文档的操作。JavaScript中利用DOM操作HTML元素和CSS样式是最常用的功能之一，例如，改变盒子的大小、标签栏的切换、购物车等。 文章目录一、DOM对象简介1.什么是DOM2.DOM HTML节点树二、HTML元素操作1.获取操作元素2.元素内容3.元素属性 一、DOM对象简介 1.什么是DOM DOM：Document Object Model，文档对象模型。 作用：是一套规范文档内容的通用型标准。
html鼠标点击获取元素id,在悬停(或鼠标悬停)上获取元素ID
weixin_42137032的博客
06-04 1827
仍然掌握jQuery，我很高兴能够尽我所能，特别是来自本论坛帖子的帮助。但是，现在已经有了一个能够满足我需要的工作功能，即创建一个看起来像按钮的无线电组。它通过json提取数据并通过创建单选按钮进行循环。我想获取生成的单选按钮的ID，以便我可以解析到应用程序的下一步，但我无法使其工作。function FillDiv(groups, side) {var cnt = 1;var newClass ...
检测哪个HTML标签触发的事件
黄彪博客
12-04 780
在html标签中，为了页面显示的美观，会在标签中相互嵌套，在做“效果”的时候就难免不了的添加各种事件，例如： dddd 当用户点击的时候，想确定是链接产生的事件还是span标签onclick标签产生的事件，这个有时候是很有必要的，至少我认为在调试的时候有作用，因此我写了一个简单的demo，用于各位看官学习   //得到触发事件的控件 function test(o
获取当前按钮或者html的ID名称
weixin_42763970的博客
07-20 1845
今天做的上传图片，点击图片删除。 随机给图片id，获取图片id，然后删除图片。 由于图片id是随机的，用点击img或者点击class，获取id都不行，最后用onclick事件获取。 js代码如下： $("#pic").append("<img style='width:70px;margin:5px;height:70px;' id='"+num+"' onclick='upimg()' ...
C#响应HTML的事件。如果获得触发的元素和事件
dogfish的专栏
02-06 4360
在网上查找如何让C#响应一个HTML元素的事件。在很多文章里提到，使用AttachEventHandler或者element.click+=new HtmlElementEventHandler(functionname)，经过测试，这2个方法有不同的地方。 例子：private void SayHello(object sender, EventArgs e){      Messa
我的WebAPI学习（一）------ DOM元素的获取以及事件的基本用法
Y4tacker的博客
04-29 1万+
前言：这里，DOM树的概念就不多赘述，快速入门，干！ 文章目录DOM元素获取通过ID获取根据标签名获取其他一些常用方法获取特殊元素（body与html）事件事件三要素常见的鼠标事件（网图搜集） DOM元素获取 当我们想要操作页面上的某部分(显示/隐藏，动画)，需要先获取到该部分对应的元素，再对其进行操作，这时候如何定位就显得很至关重要了 通过ID获取 使用方法：document.getElemen...
触发onclick事件元素的获取
热门推荐
pp
09-23 1万+
onclick触发元素获取 &amp;amp;lt;button class=&amp;quot;btn&amp;quot;onclick=&amp;quot;a();&amp;quot;&amp;amp;gt;一号&amp;amp;lt;/button&amp;amp;gt; &amp;amp;lt;button class=&amp;quot;btn&amp;quot;onclick=&amp;quot;
html 按钮id,获取当前按钮或者html的ID名称
weixin_27964579的博客
06-19 2572
下面为大家带来一篇获取当前按钮或者html的ID名称实例(推荐)。挺不错的，现在就分享给大家，也给大家做个参考。今天做的上传图片，点击图片删除。随机给图片id，获取图片id，然后删除图片。由于图片id是随机的，用点击img或者点击class，获取id都不行，最后用onclick事件获取。js代码如下：$("#pic").append("");开始这样获取：function upimg(){ ...
js监控input元素触发事件
最新发布
06-07
与上面类似，我们可以通过添加事件监听器来监控 `input` 元素触发的事件。常见的 `input` 事件有 `input`、`change`、`focus`、`blur` 等，分别表示输入内容发生变化、输入框的值发生变化、输入框获得焦点、输入框失去焦点等。 例如，如果要监控一个文本输入框的 `input` 事件，可以这样写： ```html <input type="text" id="myInput"> ``` ```javascript const myInput = document.getElementById('myInput'); myInput.addEventListener('input', function() { console.log('输入框的值发生变化了！'); }); ``` 这样，当在该输入框中输入文字时，控制台会输出 "输入框的值发生变化了！" 的信息。同样，可以根据需要替换事件名和要执行的函数，来监控不同的 `input` 元素触发不同的事件。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值