非常喜欢jQuery的trigger方法,并在自己写的插件经常用到,例如图片自动切换及单击切换,选项卡单击或鼠标悬浮切换等,省不少功夫。借此可以实现观察者模式。
今天去详细了解了一下trigger原理,与我想的思路果然是相同的。
我的思路: 操作一个目标元素,记录其绑定的事件函数,当执行触发时,去获取相应的函数并执行。
而jQuery的pretty实现:http://jljlpch.iteye.com/blog/232934(借用jljlpch的源码分析)
但同时也发现了原生js的trigger方法,遂mark一下,以便后忘。在不使用jQuery的情况下可以自
己原生实现一下。
if(document.all) {
document.getElementById("trigger").click();
} else {
var evt = document.createEvent("MouseEvents"); //还有onchange则是HtmlEvents
evt.initEvent("click",true,true);
document.getElementById("trigger").dispatchEvent(evt);
};
分享到:
相关推荐
1. **引入依赖**:首先,需要在项目中引入jQuery库,然后引入`jquery.mark.js`插件文件。 2. **初始化插件**:在DOM加载完成后,通过jQuery选择器选取需要高亮的元素,然后调用`.mark()`方法。 3. **参数配置**:`...
使用`jquery.mark`时,你需要先引入jQuery库和插件文件(如`mark.js-master`中的`mark.min.js`),然后通过简单的jQuery选择器调用插件方法,传入关键字和可选参数,即可实现文本高亮。例如: ```javascript $(...
**标题解析:**"前端项目-mark.js.zip" 这个标题表明我们正在处理一个与前端开发相关的项目,其中包含一个名为 "mark.js" 的组件。".zip" 后缀表示这是一个压缩包,里面可能包含了该组件的所有源代码、文档和其他...
jQuery.Mark是一款强大的JavaScript插件,专门用于在网页文本中实现关键词高亮显示。这款插件以其易用性和灵活性而受到开发者的青睐,尤其适合那些希望突出显示页面内特定词汇或短语的应用场景。通过使用jQuery.Mark...
mark.js 简介 mark.js可用于标记替代的文字,目前提供的标记类型有文字涂改,文字缺漏,文字删除和文字互换。 结合工具可以标记文章中的图片和视频。 预览 校对(PC端/移动端): 自定义插入标签(PC端): 示例 ...
1. 引入jQuery库和jQuery.Mark插件的JavaScript文件。 2. 创建一个jQuery对象,选择要进行高亮操作的元素。 3. 调用`.mark()`方法,传入关键词或关键词数组,并可选地设置其他配置选项,如忽略的元素、自定义CSS类名...
这个插件基于流行的JavaScript库jQuery构建,旨在为用户提供一个直观且易于使用的解决方案,使得用户在大量文本中快速找到目标信息。 ### jQuery库介绍 jQuery是一个轻量级、高性能的JavaScript库,它简化了HTML...
在IT行业中,jQuery是一种广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。本项目涉及的知识点主要集中在jQuery的事件处理、DOM操作以及字符串匹配,针对不同设备(电脑端和移动端)...
JavaScript作为一个强大的客户端脚本语言,广泛应用于Web开发中。在优化网页性能时,精确的计时工具至关重要。"marky"就是这样一个工具,它利用了Web浏览器提供的`performance.mark()`和`performance.measure()`方法...
标签“marktext的中文包”进一步确认了该压缩文件的内容,是针对MarkText的中文本地化版本,用于在非英文环境下正常使用MarkText的界面和功能。 **压缩包子文件解析** 1. **v8_context_snapshot.bin**: 这个文件是...
PGM排料系统,结合人工排料经验与计算机强大的处理能力,集经验与科技,对多个样板进行排料,处理,以最 大程度提高用布率,节省成本。 PGM智能化排料系统,经纺织,服装行业的累计测试,平均比同类软件提高用 ...
本文将详细介绍如何使用jQuery UI创建一个有刻度的滑块,并探讨其相关知识点。 首先,我们需要引入jQuery UI库。在HTML文件中,确保添加了以下CDN链接: ```html <link rel="stylesheet" href="https://code....
jQuery移动端日历带事件代码是一款带农历日历,显示当日课表待办事项列表代码。 function announceList(v){ console.log(v) if(v.children().hasClass('sc-mark-show')){ var year = $('.sc-select-year').text...
- `v-on:input` 是Vue中用来监听元素`input`事件的指令,当用户在输入框中输入内容时,`input`事件会被触发。在HTML中,我们可以直接使用`oninput`来绑定一个JavaScript函数,但在Vue中,我们需要将其转换为`v-on:...
本文将详细介绍如何在Windows上安装和使用MarkText。 首先,我们需要获取MarkText的Windows安装包。通常,你可以通过访问MarkText的官方网站或者知名的开源软件下载平台来下载最新版本的安装包。下载完成后,你会...
在IT行业中,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理、动画设计以及Ajax交互。在"jquery_表格和搜索显示信息"这个主题中,我们主要探讨的是如何利用jQuery来创建功能丰富的表格,并...
一些简单的代码简化使Ajax变得简单为HTML添加动画DOM脚本和事件处理释放jQuery选择器的强大能量使用插件扩展jQuery结束语参考资料jQuery是一个JavaScript库,它有助于简化[removed]trade_mark:以及...
Coremark是一款广泛使用的微控制器性能基准测试套件,主要用于衡量嵌入式处理器的性能。这个源文件包,"coremark_v1.0",包含了Coremark的源代码,它是一个设计用于在各种微控制器(MCU)平台上运行的测试程序,以...