js判断事件的触发类型

最新推荐文章于 2023-01-23 19:52:03 发布
最新推荐文章于 2023-01-23 19:52:03 发布
阅读量1.3k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cwc2011xh/article/details/19325493
版权

使用event.target.tagName方法判断：

$(function(){
$("ul").click(function(event){
var tar = event.target;
if(tar.tagName == "INPUT"){
alert(tar.tagName);
}
});
})

jquery的写法

$(event.target.tagName).is("INPUT")

 

蜗牛需慢爬
关注
js 判断是否绑定一个事件
01-13
js 判断是否绑定一个事件
js的事件函数和事件监听函数
最新发布
2301_79265530的博客
09-13 771
（就是鼠标离开输入框，在别的元素发生鼠标事件）onchange: 一个表单项的内容的改变（通常用于select选项值的改变）onkeypress: 按键一次(不包含功能键，比如退格键、回车键)。（就是鼠标在输入框中点击，可以输入内容），事件处理程序以冒泡模式触发；从最内层的节点开始触发事件，逐级冒泡 直到顶层节点，从内向外传播。onload: 网页一打开时发生——准确点说，是网页加载完毕时发生。从顶层的父节点开始触发事件，从外到内传播。此方法可以重复绑定相同的事件，或是绑定多个事件，并且。
JavaScript---EVENT--事件类型-基本类型
xyue_的博客
05-25 441
一、UI事件(不一定与用户操作有关的事件) 1、load 当页面完全加载后在window上触发 图片也可以触发load事件 2、 resize 当窗口大小变化时在window上触发 除火狐外其他浏览器会在浏览器窗口变化1像素时就触发事件，而火狐是在用户停止调整窗口大小时才触发 不建议在此事件中加入大计算量代码，因为可能频繁执行，导致浏览器速度变慢 窗口最大最小化也会触发事件 3、scroll 当用户滚动带滚动条的元素中的内容时，在该元素上面触发 二、鼠标事件 1、事件类型 onclick --
Javascript(js)事件
weixin_44126720的博客
01-23 504
目前只列举了常用的几种事件，JavaScript也还有高级事件，也就是 所谓的注册事件、监听事件等。② 事件类型：如何触发，触发什么样的事件，如鼠标点击、鼠标经过、键盘按下等。简单来说事件就是用户操作鼠标键盘后，触发了js事件，产生了对应的反应。js使我们有能力去实现页面交互，事件则是可以被js侦测到的行为。① 事件源：事件被触发的对象，则就是触发这个事件的本身。③ 事件处理程序：则是通过函数的方式完成。即：事件源>事件类型>事件处理程序的过程。② 注册事件(即绑定事件)④框架事件/对象事件。
JS输出、获取元素，变量，事件组成，流程控制，对象，函数
旺仔好吃糖的博客
01-15 954
1.JS输出、获取元素： 输出数据： 输入框：prompt（）------取过来的值为字符型； 弹出警告框：alert(); 将内容写到 HTML 文档中: document.write()方法 ； 写入到浏览器的控制台： console.log() ； 将内容写入html中： innerHTML、innerText; innerText与innerHTML两个属性的区别： 同： 都是可读写的，可以获取元素里面的内容； 异： innerText不能识别Html标签 会去除空格和换行；
JavaScript判断文件上传类型的方法
10-25
本文将介绍如何用JavaScript判断文件上传类型的方法，以及如何处理用户上传相同文件时触发onchange事件的问题。 首先，文件上传功能的实现依赖于HTML的`<input>`标签，通过设置其`type`属性为`file`，可以创建一个...
JS代码触发事件代码实例
10-15
在示例代码中，创建了一个`Event`类型的事件，并设置了`"change"`作为事件类型，`true`表示事件可以冒泡，`true`表示事件默认行为会被触发（对于`change`事件，通常是提交表单）。 5. **调用事件** 创建并初始化...
JS通用方法触发点击事件代码实例
10-15
在JS（JavaScript）中，我们可以通过创建一个新的MouseEvent对象来模拟用户的行为。首先，我们需要判断当前的浏览器是否支持MouseEvent构造函数，如果不支持，则使用document.createEvent()方法来创建一个新的事件，...
js判断文件类型大小并给出提示的实现方法
10-18
在此HTML结构中，包含了文件上传的输入框，选择文件后会触发`fileChange`事件函数，用于检测文件类型和大小。 接下来，我们需要编写JavaScript代码来实现`fileChange`函数和`upload`函数，代码如下： ```...
更优雅的事件触发兼容
10-28
在JS框架开发中，浏览器兼容问题一直是一个挥之不去的难题。开发者们往往需要面对各种不同浏览器之间的接口不一致，这导致了需要编写大量的if语句来检查客户端所支持的接口，从而在不同浏览器中实现相同的功能。这种...
JS的事件类型（详解）
weixin_46726346的博客
06-02 2415
摘要 Web浏览器可能发生的事件有很多种类型，而这一篇我们针对于不同的浏览器的事件类型来说明一下，我们从DOM3级事件中总结了一下几种类型的事件： 事件 类型 作用意义 UI事件 当用户在页面上的元素进行交互时触发 焦点事件 当元素获得或失去焦点时触发 鼠标事件 当用户通过鼠标在页面上执行操作时触发 滚轮事件 当使用鼠标滚轮时触发 文本事件 当在文档中输入文本时触发 键盘事件 当用户通过键盘在页面上执行操作时触发 当然除了这些类型我们还有一些其他类型的事件，不过在这里
JS中target属性的使用
热门推荐
qq_47443027的博客
05-10 1万+
最近学习了target属性，是真的强大，可以不使用for()循环或者数组forEach()去判断我点击或者我需要找的是哪个元素，直接使用target点击就可获取。 接下来说说target哪里强大。 先看看target是什么意思target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。 我认为target事件就是会自动判断我们点的是哪个元素，我给大家举个简单的例子 <ul> <li>今天6.11</li>.
js 实现键盘记录 兼容FireFox和IE
shaily读书学习
05-29 1171
主要分四个部分第一部分：浏览器的按键事件第二部分：兼容浏览器第三部分：代码实现和优化第四部分：总结第一部分：浏览器的按键事件用js实现键盘记录，要关注浏览器的三种按键事件类型，即keydown，keypress和keyup，它们分别对应onkeydown、onkeypress和onkeyup这三个事件句柄。一个典型的按键会产生所有这三种事件，依次是keydown，keypress，然后是按
最详细的JavaScript和事件解读
Chaos的迷之blog
03-30 658
写的比较全吧，有些地方是略过了，不过可以很轻松的搜到，也有一些链接可以直接查看，还是很不错的，以后用得到的。 里面的demo好像不太能看？直接戳进原帖会更直观。 转自：http://www.codeceo.com/article/javascript-event-anay.html 与浏览器进行交互的时候浏览器就会触发各种事件。比如当我们打开某一个网页的时候，浏览
e.target.tagName和e.target.dataset的作用是什么
minutes_10的博客
10-30 2584
事件委托
JavaScript中的Event.target
qq_54334713的博客
04-26 7390
event.target 一般情况下我们获取目标事件源都是谁是调用者谁就是事件源，但是当有批量的DOM需要操作的时候，要判断哪一个dom是事件源就不是很明确了，使用e.target可以准确地获取事件源，并且在使用的过程中可以比较判断，从而实现我们的代码。 举个例子：当做一个拖拽的案例的时候，有多个事件源，但是想要知道鼠标点击的是不是我们想要的事件源的时候（例如：其他区域和事件源进行判断），我们就可以使用e.target，比较获取的事件源的Id,classname，nodename... 白话就是：用
【Javascript】判断函数被调用的方法
王昱潇的博客
04-27 5439
前情提要 ES5及早期版本中函数具有多重功能，可以结合new使用，函数内的this值将指向一个新对象，在ES6中，函数混乱的双重身份有一些改变。 Javascript函数有两个不同的内部方法：[[Call]]和[[Construct]]，当遇到通过new关键字调用函数时，执行的是[[Construct]]函数，它负责创建一个通常被称作实例的新对象，然后再执行函数体，将this绑定到实例上。否则将执行[[Call]]函数，从而直接执行代码中的函数体。具有[[Construct]]方法的函数被统称为构造函数
js判断元素是否绑定事件，如何为绑定事件的元素设定不同的样式
qq_25864587的博客
05-28 3314
js判断元素是否绑定事件，如何为绑定事件的元素设定不同的样式需求分析:1.判断元素是否绑定某种事件2.获取所有需要判断的元素3.调用函数效果演示完整代码总结 需求分析: 今天在群里看到一个问题: 简单来说:为添加某种绑定事件的元素更换样式 本次目标:为绑定onclick的元素添加指针效果 1.判断元素是否绑定某种事件 var isOnclick = function (obj) { //检查是否有点击函数 if (obj.onclick != undefined) {
html查看绑定事件,javascript如何判断是否绑定事件？
weixin_30694389的博客
06-09 1652
我们编写前端页面的时候，一般都需要给元素绑定事件，那么如何用JS判断某个元素是否绑定了某个事件呢？下面小编给大家演示一下。JavaScript中可以通过引入jQuery使用$._data方法来判断是否绑定方法。$(function () {$("#btnTest").click(function () { alert('aa'); });$("#btn").click(function () {/...
JavaScript事件对象详解：类型、按键与坐标
"本文主要介绍了JavaScript中的事件对象，包括如何获取事件类型、处理鼠标的按键信息、键盘的按键码以及如何判断组合键的使用状态，同时讲解了获取鼠标相对于元素的坐标点的方法。" 在JavaScript中，事件是用户与...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值