阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      插件 jQuery.Simulate Extended 中文API文档

      插件 jQuery.Simulate Extended 中文API文档 https://github.com/j-ulrich/jquery-simulate-ext

      用法

      要使用jquery-simulate-ext插件,您需要包含(按给定顺序):

      • bililiteRange.js [ 如果你想使用jquery.simulate.key-sequence.js或jquery.simulate.key-combo.js]
      • jquery-x.y.z.js
      • jquery.simulate.js
      • jquery.simulate.ext.js
      • jquery.simulate.drag-n-drop.js [ 如果你想模拟拖放]
      • jquery.simulate.key-sequence.js [ 如果你想模拟关键序列]
      • jquery.simulate.key-combo.js [ 如果你想模拟关键组合]

      通过.simulate()在jQuery对象上调用函数来执行模拟。然后对jQuery对象集合中的所有元素执行模拟(除非另有说明)。

      • 概要: .simulate(type, options)
      • 参数:
        • type {String}:要模拟的交互的类型。
        • options {Object}:一个选项对象,包含要模拟的操作的选项。

      模拟操作的类型是:

      • 从jquery-simulate插件:
        • 鼠标事件:“mousemove”,“mousedown”,“mouseup”,“click”,dblclick", “mouseover”,“mouseout”,“mouseenter”,“mouseleave”,“contextmenu”
        • 重要事件:“keydown”,“keyup”,“keypress”
        • “focus”
        • “blur”
      • 从jquery-simulate-ext插件:
        • 拖放:“drag-n-drop”,“drag”,“drop”
        • “key-sequence”
        • “key-combo”
      • 例:
      $('input[name="testInput"]').simulate("key-sequence", {sequence: "asdf"});
      

      全球选择:

      所有jquery-simulate-ext插件都可识别的选项:

      • eventProps {Object}:定义将附加到模拟事件的自定义属性。

      注:试图定义事件的默认属性(例如type,bubbles,altKey等),使用此选项可能无法正常工作,因为这些属性通常只读的。

      注意:dispatchEvent()所有主要浏览器的功能都将从事件中删除自定义属性。因此,jquery.simulate.js 来自jquery-simulate-ext存储库包含一个使用选项jQuery.trigger()而不是本机dispatchEvent()。这导致模拟事件将仅触发使用相同jQuery实例附加的事件处理程序,而不是使用addEventListener() 或使用其他版本的jQuery 附加的处理程序(请参阅http://bugs.jquery.com/ticket/11047了解更多信息),但这是允许在事件处理程序中使用自定义属性的唯一方法。要激活此选项,请jQueryTrigger: true 在eventProps选项对象中定义。例如:

      bililiteRange和一些浏览器存在一些问题。要解决这些问题,jquery-simulate-ext会在文档准备好后执行一些怪癖检测。那些怪癖检测还包含临时DOM操作。如果你不希望这些DOM操作发生,你可以通过设置标志禁用怪癖检测 ext_disableQuirkDetection的jQuery.simulate对象后, jquery.simulate.js已加载,但之前 加载任何jQuery的模拟-EXT插件。例如:

      <!-- ... -->
      <script type="text/javascript" src="../libs/jquery.simulate.js"></script>
      <script type="text/javascript">$.simulate.ext_disableQuirkDetection = true;</script>
      <script type="text/javascript" src="../src/jquery.simulate.ext.js"></script>
      <script type="text/javascript" src="../src/jquery.simulate.key-sequence.js"></script>
      <!-- ... -->
      
      目录
      本文目录
      目录