带有$(文档)函数的jQuery e.target (“单击”，.on(E) - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

事件高级

e.target 和 this 的区别 this 是事件绑定的元素（绑定这个事件处理函数的元素）。 e.target 是事件触发的元素。...常情况下terget 和 this是一致的，但有一种情况不同，那就是在事件冒泡时（父子元素有相同事件，单击子元素，父元素的事件处理函数也会被触发执行），这时候this指向的是父元素，因为它是绑定事件的元素对象...console.log(e.target); console.log(this); }); 事件冒泡下的e.target和this...); // e.target 指向我们点击的那个对象谁触发了这个事件我们点击的是li e.target 指向的就是li console.log...8、事件委托事件冒泡本身的特性，会带来的坏处，也会带来的好处。什么是事件委托把事情委托给别人，代为处理。事件委托也称为事件代理，在 jQuery 里面称为事件委派。

2K2 0

事件高级

e.target 和 this 的区别 this 是事件绑定的元素（绑定这个事件处理函数的元素）。 e.target 是事件触发的元素。...常情况下terget 和 this是一致的，但有一种情况不同，那就是在事件冒泡时（父子元素有相同事件，单击子元素，父元素的事件处理函数也会被触发执行），这时候this指向的是父元素，因为它是绑定事件的元素对象...{ // e.target 和 this指向的都是div console.log(e.target); console.log(...触发了事件的对象我们点击的是li e.target 指向的就是li console.log(e.target); // li }); </script...1.8 事件委托事件冒泡本身的特性，会带来的坏处，也会带来的好处。什么是事件委托把事情委托给别人，代为处理。事件委托也称为事件代理，在 jQuery 里面称为事件委派。

2.1K4 1

您找到你想要的搜索结果了吗？

是的

没有找到

「Web编程API」- 03

// 事件对象 e = e || window.event; console.log(e); } 事件对象的属性和方法 e.target 和 this 的区别 this...e.target 是事件触发的元素。...常情况下terget 和 this是一致的，但有一种情况不同，那就是在事件冒泡时（父子元素有相同事件，单击子元素，父元素的事件处理函数也会被触发执行），这时候this指向的是父元素，因为它是绑定事件的元素对象...{ // e.target 和 this指向的都是div console.log(e.target); console.log(this); }); 事件冒泡下的...(this); // ul // e.target 触发了事件的对象我们点击的是li e.target 指向的就是li console.log(e.target); // li })

2.1K5 0

前端成神之路-WebAPIs03

e.target 和 this 的区别 this 是事件绑定的元素（绑定这个事件处理函数的元素）。 e.target 是事件触发的元素。...常情况下terget 和 this是一致的，但有一种情况不同，那就是在事件冒泡时（父子元素有相同事件，单击子元素，父元素的事件处理函数也会被触发执行），这时候this指向的是父元素，因为它是绑定事件的元素对象...{ // e.target 和 this指向的都是div console.log(e.target); console.log(...触发了事件的对象我们点击的是li e.target 指向的就是li console.log(e.target); // li }); </script...1.3.8 事件委托事件冒泡本身的特性，会带来的坏处，也会带来的好处。什么是事件委托把事情委托给别人，代为处理。事件委托也称为事件代理，在 jQuery 里面称为事件委派。

3.5K2 0

事件高级

} 事件对象的属性和方法 e.target 和 this 的区别 this 是事件绑定的元素（绑定这个事件处理函数的元素）。...e.target 是事件触发的元素。...常情况下terget 和 this是一致的，但有一种情况不同，那就是在事件冒泡时（父子元素有相同事件，单击子元素，父元素的事件处理函数也会被触发执行），这时候this指向的是父元素，因为它是绑定事件的元素对象...{ // e.target 和 this指向的都是div console.log(e.target); console.log(...触发了事件的对象我们点击的是li e.target 指向的就是li console.log(e.target); // li }); </script

1.8K1 0

浅谈JavaScript的事件（事件处理程序）

例如，在单击按钮的时候执行一些JavaScript代码。 ...2222 ，当单击这个div的时候，会在浏览器的控制台中输出div...1 function divClick(e){ 2 //var target=e.target; 3 console.log($(e).text()...console.log(text);//222 8 } 9 　　上面的代码，通过文档对象获取了对象的引用，然后为它指定了onclick事件处理程序...console.log(text);//222 7 }); 8 　　这段代码与上面的例子实现的是一样的效果，但是这个是通过JQuery来实现的

2.3K5 0

bootstrapValidator 中文API

data) { // $(e.target) --> The form instance // $(e.target).data('bootstrapValidator...返回表示该字段的jQuery元素的数组，或者null如果找不到这些字段。...option 串选项名称如果未定义，则该方法返回给定验证器的选项 getSubmitButton getSubmitButton(): jQuery - 返回显示点击的提交按钮的jQuery元素。...) { // $(e.target) --> The form instance // $(e.target).data('bootstrapValidator...当您想通过单击按钮或链接而不是提交按钮来验证表单时，这很有用。

14.8K5 0

由重构进阶前端开发入门 (三) 事件冒泡与事件代理

由于页面内元素是层级嵌套的。当你点击某个按键时，也可以说是点击了它所在的父元素中的某个位置。由此类推，层层递进，就相当于点击了整个 html 文档的某处。...这时候就得用到事件对象里的 target 属性了，通过 jQuery 对象的 is、closest 等函数即可做具体的判断： // .btn-login 的点击事件在里层被阻止冒泡了，最外层的 body...接收不到，不会再给出过期提示 $('body').on('click', function (e) { // 登录过期时，点击的元素带有 need-login 特性的话，统一给出登录过期提示...jQuery 的 on 函数还提供了更快捷的绑定方式，直接在绑定的时候增加一个筛选的选择器即可： $('body').on('click', '[need-login="true"]', function...(e) { // 登录过期时，点击的元素带有 need-login 特性的话，统一给出登录过期提示 // (如：`编辑内容

3401 0

从零开始学 Web 之 jQuery（七）事件冒泡，事件参数对象，链式编程原理

三、事件参数对象事件处理函数有没有参数呢？通过 arguement.length 可以得到有一个参数，这个参数是一个对象，里面有很多事件相关的属性。...// 鼠标按下的键值 e.button // 按键按下的键值 e.keyCode // 触发该事件的目标对象，是一个 DOM 对象 // 当发生事件冒泡的时候，可以定位到具体发生事件的源对象，而不是冒泡的对象...（比如：p在div里面，那么点击p触发的事件下，e.target 是写在div事件处理函数里面的，此时 e.target 是p对象。）...e.target // 触发事件的当前的对象 // （比如：p在div里面，那么点击p触发的事件下，e.currentTarget 是写在div事件处理函数里面的，此时 e.currentTarget...还有一个问题，就是 jQuery 中 val(); 在没有参数时时读取数值，不能链式编程；在有参数的时候是设置，可以链式编程。

9564 0

DOM操作

动态往列表中插入 3 个，每个列表项的文本内容是列表项的插入顺序，取值 1, 2, 3；同时绑定click事件，单击依次输出1，2，3。...{ const target = e.target; if (target.tagName === 'LI') { alert(target.innerHTML);...DocumentFragement通常用来创建一个文档片段，然后将创建的DOM元素插入到文档片段中，最后把文档片段插入到DOM树中。在DOM树中，文档片段会被替换为它所有的子元素。...{ const target = e.target; if (target.tagName === 'LI') { alert(target.innerHTML);...{ const target = e.target; if (target.tagName === 'LI') { alert(target.innerHTML);

1.1K2 1

移动浏览器点击事件的问题

大家都知道移动端的程序中，是没有点击事件的，只有 touchstart、touchmove、touchend。...利用jquery这样写的话，也可以，但是当你点击按钮的单击事件时，将会等待大约300ms的时间。这是因为，浏览器是等着看，如果你是真正执行双击。...如下代码所示,就会延时300ms： $("#sid").click(function(){ console.log(111); }); ps:在移动浏览器端，你会发现，当你点击某个区域的点击事件时...看下面解决方案：（1）利用singleTap来实现首先，要引入zepto.min.js文件 $("#sid").on("singleTap",function(e){ if(!...$(e.target).hasClass("btn")){ e.stopPropagation(); console.log(111);

1.1K3 0

React大法：如何轻松编写动态PDF文件

让我们检查一下每个组件： Document ：这个标签代表PDF文档本身，并且必须是我们PDF的根。页面：它代表 PDF 文档内的单个页面，并且应始终仅在文档组件内呈现。...它还支持其他文本组件的嵌套。 PDFDownloadLink ：它可以生成和下载 pdf 文档。 PDFViewer ：它用于呈现客户端生成的文档。...存储客户信息 const handleClientData = (e) => { e.preventDefault(); const {name, value} = e.target;...setClient({ ...client, [name] : value }) } 在上面的代码块中，该函数将根据用户的输入更新需要支付总金额的客户信息（名称...：根据发票数据生成 PDF 文档一旦我们从用户端获得所需的数据，我们就将数据提供给负责生成 pdf 文档的组件。

1.4K6 0

《HTML5实战》Lesson10

()命令详解及实例展示 - yiluoAK_47的专栏 - 博客频道 - CSDN.NET 2、3-7代码解析（0）对应的html文档（1）获取到工具条（2）单击工具条上的button...要执行的方法 1）e.target=event.target target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。...e.target与事件委托简例_JavaScript_第七城市 W3School在线测试工具 V2 2）条件运算符，语法为：条件表达式？表达式1：表达式2。...==，两边值类型不同的时候，要先进行类型转换，再比较。 ===，不做类型转换，类型不同的一定不等。...javascript 巧用prompt()函数_百度经验（3）给工具条添加click事件 addEventListener 有三个参数：第一个参数表示事件名称（不含 on，如 "click"）；第二个参数表示要接收事件处理的函数

8425 0

详解JavaScript事件处理程序

两种方式使用事件功能：1、增加元素的事件属性；2、调用内置对象的方法addEventListener。 <!...{ // e.target 是被点击元素 if(e.target && e.target.nodeName == "LI") { console.log("List item ", e.target.id.replace...1、EventTarget.addEventListener 功能：将回调函数和元素事件进行绑定，当事件发生时，回调函数会被执行。...实例：编程方式生成单击事件。...alert("not cancelled"); } } 六、查看所有可用事件所有可用事件这里查看>>> 七、参考文档详解JavaScript事件处理程序

1.4K0 0

事件委托

事件委托也称事件代理，在jQuery里面就称为事件委派。事件委托就是把事件监听放在祖先元素（如父元素、爷爷元素）上。...由于事件会在冒泡阶段向上传播到父节点，因此可以把子节点的监听函数定义在父节点上，由父节点的监听函数统一处理多个子元素的事件。这种方法叫做事件的代理。...，根据事件源e.target，我们可以知道点击的是谁，从而完成不同的事。...{ e.target.style.color='pink' //e.target 得到点击的那个对象 }) target 与 currentTarget 的区别： e.target: 用户操作的元素...e.currentTarget: 程序员监听的元素比如上例中，e.target 就是 li ，e.currentTarget 就是 ul 以上代码中，并没有给每一个元素绑定事件，只是给父节点ul绑定事件

1.3K2 0

一次关于js事件出发机制反常的解决记录

(); 　}) 借此问题，复习了一下js事件，先看一下几个定义先来看事件注册 // IE以外的其他浏览器 // target ：文档节点、document、window 或 XMLHttpRequest...e //获取事件源 var target = e.target || e.srcElement;//IE和Chrome下是srcElement FF下是target } 事件委托...myTable.onclick = function () { e = e || window.event; var targetNode = e.target || e.srcElement...; } } 事件函数的解除绑定和事件的绑定其实是相对应的，如果需要接触事件的绑定，运行对应的函数就可以了。...如果是jQuery的bind()和delegate()绑定，也是存在对应的解绑函数用以清除注册事件，比如unbind()和undelegate()。

1.8K5 0

JavaScript——DOM事件高级

同一个元素同一个事件只能设置一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数。...console.log(e); } 事件对象常见属性和方法事件对象属性方法说明 e.target 返回触发事件的对象标准 e.srcElement 返回触发事件的对象非标准...() 该方法阻止默认事件（默认行为）标准 e.stopPropagation() 阻止冒泡标准非标准一般指在ie6-ie8中支持 e.target和this区别 e.target 返回的是触发事件的对象...e.target指向的就是li }) 阻止默认行为让链接不跳转，或者让提交按钮不提交。...返回鼠标相对于文档页面的X坐标 IE9+支持 e.pageY 返回鼠标相对于文档页面的Y坐标 IE9+支持 e.screenX 返回鼠标相对于电脑屏幕的X坐标 e.screenY 返回鼠标相对于电脑屏幕的

2.3K1 0

简单、通用的JQuery Tab实现

最早的滑动门的技术，一般都是结合 onclick 或者 onmouseover 事件传递一个参数给 JS 函数，根据传递的参数来决定显示哪一个标签。...这种方式最大的缺点是： HTML 代码和 JS 代码混合；可扩展性差；尽管可以通过 window.onload 绑定事件等方式来是实现 JS 代码从 HTML 中分离，也可以把函数改得更复杂以实现通用性...，不含任何的 JS 代码或者与文档结构无关的定义。...代码类似这样： $(function() { $(".tabs").find("li").onmouseover(function(e) { if (e.target == this...所以我们改进代码如下： $(function() { $(".ui-tabs-nav > li > a")onmouseover(function(e) { if (e.target

5.7K5 0

WEB入门之十六操作DOM节点

进行节点筛选本章简介 DOM是Document Object Model的缩写，即文档对象模型，它是W3C的标准规范，提供了使用JavaScript操纵页面元素的接口。...标签包裹了一个带有黑色边框的div 如果把上述代码中的wrap换成wrapAll函数，其他不变 wrapInner函数用来包裹元素内的子元素，下面是该函数的一个示例。...除此之外，jQuery还提供了很多函数来对获取到的元素进一步进行过滤或筛选，这些函数整体可分为两大类：节点过滤函数和节点查找函数。...单击“加”“减”图片可以修改文本框中的数值大小，同时后面的小计要计算出来。巩固练习一、问答题 1. 请举例描述append和prepend这两个函数的异同点。 2....当单击【修改】按钮时，单元格中的文本信息替换为文本框；单击【确定】按钮时，文本框中的数据显示到单元格中。

1.2K1 0

chrome打开本地链接

当你点击带有本地文件链接的超链接（file://），控制台上会报错：Not allowed to load local resource: 最开始在网上搜索了一下，有二个插件看上去似乎可以满足需求。...background.js 里的代码被我删光了，content.js 只进行一个操作，遍历文档所有超链接，然后修改其 href 属性。...== undefined && e.href !== null && e.href !== "") { if (!...+ e.href; if (e.target) e.target = "_self"; } // $(e).off("click...Local Explorer" }, "content_scripts": [{ "matches": [""], "js": ["jquery.js

3.4K2 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭