`
caiceclb
  • 浏览: 241933 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

Mark使用js主动触发事件,类似于jQuery的trigger

阅读更多
非常喜欢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); 
}; 
分享到:
评论

相关推荐

    jquery.mark-强大的jQuery关键字文本高亮插件

    1. **引入依赖**:首先,需要在项目中引入jQuery库,然后引入`jquery.mark.js`插件文件。 2. **初始化插件**:在DOM加载完成后,通过jQuery选择器选取需要高亮的元素,然后调用`.mark()`方法。 3. **参数配置**:`...

    jquerymark强大的jQuery关键字文本高亮插件

    使用`jquery.mark`时,你需要先引入jQuery库和插件文件(如`mark.js-master`中的`mark.min.js`),然后通过简单的jQuery选择器调用插件方法,传入关键字和可选参数,即可实现文本高亮。例如: ```javascript $(...

    前端项目-mark.js.zip

    **标题解析:**"前端项目-mark.js.zip" 这个标题表明我们正在处理一个与前端开发相关的项目,其中包含一个名为 "mark.js" 的组件。".zip" 后缀表示这是一个压缩包,里面可能包含了该组件的所有源代码、文档和其他...

    jQuery.Mark关键字文本高亮插件.zip

    jQuery.Mark是一款强大的JavaScript插件,专门用于在网页文本中实现关键词高亮显示。这款插件以其易用性和灵活性而受到开发者的青睐,尤其适合那些希望突出显示页面内特定词汇或短语的应用场景。通过使用jQuery.Mark...

    mark.js:mark.js用于标记的文字,自定义插入标签

    mark.js 简介 mark.js可用于标记替代的文字,目前提供的标记类型有文字涂改,文字缺漏,文字删除和文字互换。 结合工具可以标记文章中的图片和视频。 预览 校对(PC端/移动端): 自定义插入标签(PC端): 示例 ...

    jQuery.Mark关键字文本高亮插件特效代码

    1. 引入jQuery库和jQuery.Mark插件的JavaScript文件。 2. 创建一个jQuery对象,选择要进行高亮操作的元素。 3. 调用`.mark()`方法,传入关键词或关键词数组,并可选地设置其他配置选项,如忽略的元素、自定义CSS类名...

    jQuery.Mark插件实现搜索高亮显示文本关键字特效源码.zip

    这个插件基于流行的JavaScript库jQuery构建,旨在为用户提供一个直观且易于使用的解决方案,使得用户在大量文本中快速找到目标信息。 ### jQuery库介绍 jQuery是一个轻量级、高性能的JavaScript库,它简化了HTML...

    jQuery搜索框输入文字查找表格内容匹配代码

    在IT行业中,jQuery是一种广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。本项目涉及的知识点主要集中在jQuery的事件处理、DOM操作以及字符串匹配,针对不同设备(电脑端和移动端)...

    marky基于performancemark和measure的高分辨率JavaScript计时器

    JavaScript作为一个强大的客户端脚本语言,广泛应用于Web开发中。在优化网页性能时,精确的计时工具至关重要。"marky"就是这样一个工具,它利用了Web浏览器提供的`performance.mark()`和`performance.measure()`方法...

    marktext的中文包

    标签“marktext的中文包”进一步确认了该压缩文件的内容,是针对MarkText的中文本地化版本,用于在非英文环境下正常使用MarkText的界面和功能。 **压缩包子文件解析** 1. **v8_context_snapshot.bin**: 这个文件是...

    Optitex15.3MARK使用说明

    PGM排料系统,结合人工排料经验与计算机强大的处理能力,集经验与科技,对多个样板进行排料,处理,以最 大程度提高用布率,节省成本。 PGM智能化排料系统,经纺织,服装行业的累计测试,平均比同类软件提高用 ...

    Slider 有刻度jquery UI

    本文将详细介绍如何使用jQuery UI创建一个有刻度的滑块,并探讨其相关知识点。 首先,我们需要引入jQuery UI库。在HTML文件中,确保添加了以下CDN链接: ```html <link rel="stylesheet" href="https://code....

    jQuery移动端扁平化日历带事件代码.zip

    jQuery移动端日历带事件代码是一款带农历日历,显示当日课表待办事项列表代码。 function announceList(v){ console.log(v) if(v.children().hasClass('sc-mark-show')){ var year = $('.sc-select-year').text...

    Vue v-for中的 input 或 select的值发生改变时触发事件操作

    - `v-on:input` 是Vue中用来监听元素`input`事件的指令,当用户在输入框中输入内容时,`input`事件会被触发。在HTML中,我们可以直接使用`oninput`来绑定一个JavaScript函数,但在Vue中,我们需要将其转换为`v-on:...

    marktext-Windows安装包marktext下载地址

    本文将详细介绍如何在Windows上安装和使用MarkText。 首先,我们需要获取MarkText的Windows安装包。通常,你可以通过访问MarkText的官方网站或者知名的开源软件下载平台来下载最新版本的安装包。下载完成后,你会...

    jquery_表格和搜索显示信息

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理、动画设计以及Ajax交互。在"jquery_表格和搜索显示信息"这个主题中,我们主要探讨的是如何利用jQuery来创建功能丰富的表格,并...

    使用jQuery简化Ajax开发

    一些简单的代码简化使Ajax变得简单为HTML添加动画DOM脚本和事件处理释放jQuery选择器的强大能量使用插件扩展jQuery结束语参考资料jQuery是一个JavaScript库,它有助于简化[removed]trade_mark:以及...

    MCU Coremark 源文件

    Coremark是一款广泛使用的微控制器性能基准测试套件,主要用于衡量嵌入式处理器的性能。这个源文件包,"coremark_v1.0",包含了Coremark的源代码,它是一个设计用于在各种微控制器(MCU)平台上运行的测试程序,以...

Global site tag (gtag.js) - Google Analytics