README

使用此库，您可以在其他元素触发时触发您的自定义事件。

安装

 composer require hgh/yii-js-event-handler

使用方法

注册 Yii2 资产

YiiJsEventHandlerAsset::register($this);

实例化 jQuery 插件

实例化此jQuery插件有两种方法。

使用默认属性

要使用默认选项，您需要在您的html元素中添加两个预定义的属性。您将自定义JS事件放入data-events-to-run中。使用space分隔您的自定义事件。然后使用data-on指定何时触发这些自定义事件。您可以放入data-on的值遵循jQuery事件。访问表单事件、鼠标事件和键盘事件。

<div data-on="click" data-events-to-run="customEvent anotherCustomEvent">

定义您的自定义属性

另一方面，您可以定义自定义属性。为此，您需要实例化事件处理器插件。

$(document).ready(function () {
    $("[data-my-custom-on-attribute]").eventHandler({
        onEventAttribute: "data-my-custom-on-attribute",
        toRunEventsAttribute: "data-my-custom-to-run-events-attribute"
    });
});

现在，您可以使用这些属性如下

<div data-my-custom-on-attribute="click" data-my-custom-to-run-events-attribute="customEvent anotherCustomEvent">

示例

html

<div data-on="click" data-events-to-run="customEvent anotherCustomEvent">  
 Click Me to Run Custom Event</div>

jquery

$(document).ready(function () {  
  $(document).on("customEvent", function () {  
  alert("Custom event triggered");  
 });  
  $(document).on("anotherCustomEvent", function () {  
  alert("Another custom event triggered");  
 });});

hgh / yii-js-event-handler

维护者

详细信息