当前位置：首页 > 软件库 > 程序开发 > >

ember-auto-focus

👓 An autofocus solution for Ember apps

授权协议 MIT License

开发语言 JavaScript

所属分类程序开发

软件类型开源软件

地区不详

投递者尉迟浩思

操作系统跨平台

开源组织无

适用人群未知

软件概览

@zestia/ember-auto-focus

HTML's autofocus attribute focuses an element on the first occurrence of the attribute. But, does nothing on subsequent renders of the same element.

This addon provides an element modifier, which auto focuses the element when it is inserted into the DOM.

Installation

ember install @zestia/ember-auto-focus

Demo

https://zestia.github.io/ember-auto-focus/

Example

{{#if this.showField}}
  <input {{auto-focus}}>
{{/if}}

Alternatively, you can pass in a selector:

<div {{auto-focus ".my-child"}}>
  <div class="my-child" tabindex="0"></div>
</div>

You can set disabled to true to prevent autofocusing:

<div {{auto-focus disabled=this.shouldAutoFocus}} tabindex="0">
   ...
</div>

Differentiating between user focus and programmatic focus

Sometimes it's useful to know whether the element that received focus, did so via a user interacting with it, or by your code.

This addon sets a temporary data attribute on the element being focused. element.dataset.programmaticallyFocused which will be true if focused by this addon, and false if focused by the user using your app.

使用案例

Ember.js - About

Ember.js - About More Productive Out of the Box. Write dramatically less code with Ember's Handlebars integrated templates that update automatically when the underlying data changes. Don't waste t
emacs+autocomplete+semantic实现自动补全

;; for cedet (load-file "~/site/cedet-1.1/common/cedet.el") (global-ede-mode t) (semantic-load-enable-semantic-debugging-helpers) (semantic-load-enable-excessive-code-helpers) (setq semantic-idle-sche
IOS input auto focus 解决方案探究

IOS input auto focus 解决方案探究开发过hybird的人都知道，在IOS手机下面处于安全策略考虑，不允许JS自动获取input输入框的焦点并调出虚拟键盘，可是从产品角度来看，往往这样的场景有很多，所以也催生出各种各样的hack手段，下面介绍一种自认为是挺完美的方案供大家参考：业务场景描述： A页面点击搜索按钮，跳到B页面，B页面的搜索框自动获取焦点并且弹出虚拟键盘。方案设
emacs -autocomplete

$ emacs -batch -l etc/install.el http://cx4a.org/software/auto-complete/manual.html#Installation_Script
Auto focus on the first textbox and tab on the entery key

<head runat="server"> <title></title> <script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script> <script type="text/javascript"> $(document).ready(function () {
Android setFocusArea and Auto Focus

I've been battling with this feature for couple of days now... It seems, that camera is ignoring(?) focus areas that I've defined. Here is snippets of the code: Focusing: protected void focusOnTouch(M
Emacs 安装 auto-complete

地址：http://blog.csdn.net/bigmarco/article/details/6731864 http://cx4a.org/software/auto-complete/auto-comlete 号称Auto Complete Mode is the most intelligent auto-completion extension for GNU Emacs. 1st

ember-auto-focus

@zestia/ember-auto-focus

Installation

Demo

Example

Differentiating between user focus and programmatic focus

同类工具

相关阅读

相关文章

相关问答

相关文档