JavaScript 技术篇-js代码触发dom元素绑定事件实例演示,jquery触发元素绑定事件方法

简介: JavaScript 技术篇-js代码触发dom元素绑定事件实例演示,jquery触发元素绑定事件方法

     

原生 js 直接作为方法调用即可触发。

// 定位登录按钮
let login_btn = document.querySelector("#login_div > div > div.login-content > div.content-right > div > div > div.login-panel-input.login-submit-panel > button");
// 调用按钮事件进行点击
login_btn.click();

image.png

可以看到效果图:

2.gif

jquery 通过 trigger() 方法触发点击事件。

$("#login_div  > div > div.login-content > div.content-right > div >  div > div.login-panel-input.login-submit-panel >  button").trigger("click")

使用前提是该 dom 元素必须绑定的事件才能出发,他的祖先元素绑定的事件他触发不了,所以这里要把 Ancestors All 取消勾选一下。

image.png

喜欢的点个赞❤吧!

           

目录
相关文章
|
16天前
|
JavaScript 前端开发 Java
js 垃圾回收机制的方法
JS回收机制方法讲解
|
1月前
|
JavaScript 前端开发 API
JavaScript中通过array.map()实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等,array.map()的使用详解(附实际应用代码)
array.map()可以用来数据转换、创建派生数组、应用函数、链式调用、异步数据流处理、复杂API请求梳理、提供DOM操作、用来搜索和过滤等,比for好用太多了,主要是写法简单,并且非常直观,并且能提升代码的可读性,也就提升了Long Term代码的可维护性。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
1月前
|
移动开发 运维 供应链
通过array.some()实现权限检查、表单验证、库存管理、内容审查和数据处理;js数组元素检查的方法,some()的使用详解,array.some与array.every的区别(附实际应用代码)
array.some()可以用来权限检查、表单验证、库存管理、内容审查和数据处理等数据校验工作,核心在于利用其短路机制,速度更快,节约性能。 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
1月前
|
供应链 JavaScript 前端开发
通过array.every()实现数据验证、权限检查和一致性检查;js数组元素检查的方法,every()的使用详解,array.some与array.every的区别(附实际应用代码)
array.every()可以用来数据验证、权限检查、一致性检查等数据校验工作,核心在于利用其短路机制,速度更快,节约性能。 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
Web App开发 JavaScript 前端开发
《jQuery与JavaScript入门经典》——2.7 问与答
就Cookie调试而言,您只需知道是否启用了Cookie、浏览器设置了哪些Cookie、这些Cookie的值是什么以及它们什么时候到期。这些信息都可在Firebug的Cookies选项卡中找到。Chrome和Internet Explorer在开发人员控制台中提供了类似的功能。
1155 0
|
JavaScript 前端开发
《jQuery与JavaScript入门经典》——2.6 小结
您还完成了多个调试HTML、CSS和JavaScript问题的示例。您在本章学到的调试方法对阅读本书以及开发项目很有帮助,因为这些方法有助于消除常见的简单语法错误,为您节省大量时间,避免令人沮丧的情况发生。
1271 0
|
JavaScript 前端开发
《jQuery与JavaScript入门经典》——1.4 问与答
为渲染HTML以及与JavaScript交互,浏览器使用了一个引擎,这个引擎对来自服务器的数据进行分析、创建对象并将其交给图形渲染引擎,后者再将这些对象显示到屏幕上。由于浏览器使用的引擎各不相同,因此它们解释脚本的方式存在细微差别,尤其是未标准化的边缘元素。
1264 0
|
前端开发 JavaScript
《jQuery与JavaScript入门经典》——1.3 小结
在本章中,您学习了Web服务器和浏览器通信的基本知识、GET和POST请求的差别以及服务器端和客户端脚本的用途,还学习了DOM以及浏览器如何使用它来渲染显示给用户的网页。
1441 0
|
1月前
|
JavaScript 前端开发
百叶窗效果的jQuery幻灯片插件
百叶窗效果的jQuery幻灯片插件
|
1月前
|
JavaScript
jquery无限循环内容滑块插件
jquery无限循环内容滑块插件
下一篇
oss创建bucket