Socket
Socket
Sign inDemoInstall

temple-events

Package Overview
Dependencies
0
Maintainers
2
Versions
13
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    temple-events

Adds DOM event actions to Temple's Mustache view.


Version published
Weekly downloads
0
decreased by-100%
Maintainers
2
Install size
9.33 kB
Created
Weekly downloads
 

Readme

Source

Temple Events

Adds DOM event actions to Temple's Mustache view.

Install

Download the latest version dist/ folder and use via a script tag. The variable Events will be attached to Temple.

<script type="text/javascript" src="temple.js"></script>
<script type="text/javascript" src="temple.events.js"></script>

If using Browserify or Node.js, you can install via NPM and use via require("temple-events").

$ npm install temple-events

Usage

Add to an instance of a Mustache view (Temple.Mustache) with view.use(Temple.Events). This will set up decorators that look for element attributes in the form of on-[event]. The attribute value will be parsed for action names to be fired on the view. The first argument passed will be an Action object. It's also possible to pass along other values to actions. These will be added as arguments to the triggered action.

<a href="#" on-click="myEvent, 'Hello', {{ noun }}">Click Me</a>
// a new mustache template
new Temple.Mustache(template, { noun: "World" })

// init the plugin
.use(Temple.Events)

.addAction("myEvent", function(action, str, noun) {
	action.original.preventDefault();
	alert(str + " " + noun); // "Hello World"
});

Action objects have the following properties:

  • bubbles: A boolean indicating if the action should continue bubbling through remaining actions, including parent components.
  • stopPropagation(): A method that sets bubbles to false.
  • original: The original, native DOM event
  • node: The element the action is attached too
  • context: The mustache context (Temple.Mustache.Context) the element node exists within. Sometimes the original view, sometimes not.

Keywords

FAQs

Last updated on 02 Jul 2014

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc