Focusable element

WebJar for Focusable element

Лицензия

Лицензия

MIT
Группа

Группа

org.webjars.bower
Идентификатор

Идентификатор

focusable-element
Последняя версия

Последняя версия

1.0.0
Дата

Дата

Тип

Тип

jar
Описание

Описание

Focusable element
WebJar for Focusable element
Ссылка на сайт

Ссылка на сайт

http://webjars.org
Система контроля версий

Система контроля версий

https://github.com/zzarcon/focusable

Скачать focusable-element

Как подключить последнюю версию

<!-- https://jarcasting.com/artifacts/org.webjars.bower/focusable-element/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>focusable-element</artifactId>
    <version>1.0.0</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bower/focusable-element/
implementation 'org.webjars.bower:focusable-element:1.0.0'
// https://jarcasting.com/artifacts/org.webjars.bower/focusable-element/
implementation ("org.webjars.bower:focusable-element:1.0.0")
'org.webjars.bower:focusable-element:jar:1.0.0'
<dependency org="org.webjars.bower" name="focusable-element" rev="1.0.0">
  <artifact name="focusable-element" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bower', module='focusable-element', version='1.0.0')
)
libraryDependencies += "org.webjars.bower" % "focusable-element" % "1.0.0"
[org.webjars.bower/focusable-element "1.0.0"]

Зависимости

Библиотека не имеет зависимостей. Это самодостаточное приложение, которое не зависит ни от каких других библиотек.

Модули Проекта

Данный проект не имеет модулей.

Focusable Build Status Awesome

Gitter An awesome and lightweight library for performing spotlight in your DOM elements, setting an animated overlay to the rest of the page. You can find a live demo here.

Showcase

Installation

$ npm i focusable-element --save

$ bower i focusable-element

API

Set spotlight (jQuery style)
$('#my-element').setFocus(options);
Set spotlight (through library)
Focusable.setFocus($('#my-element'), options);
Refresh current focused element
Focusable.refresh();
Hide spotlight
Focusable.hide();
Get focused element
Focusable.getActiveElement();
Get options
Focusable.getOptions();
Options
Property Value Default Description
fadeDuration Number 700 Duration of the overlay transition (milliseconds).
hideOnClick Boolean false Hides the overlay when the user click into it.
hideOnESC Boolean false Hides the overlay when the user press Esc.
findOnResize Boolean false Refind the element in the DOM in case that the element don't still exists.
circle Boolean false Have the spotlight in a circle shape
Runing tests
Dependencies
  • jQuery
Contributing
  1. Check open issues
  2. Fork it
  3. Create your feature branch (git checkout -b my-new-feature)
  4. Commit your changes (git commit -am 'Add some feature')
  5. Push to the branch (git push origin my-new-feature)
  6. Create a new Pull Request
Author

You can follow me on Twitter - https://twitter.com/zzarcon

Версии библиотеки

Версия
1.0.0