通过标签结构创建可点击的?(Making a clickable accessible through tab structure?)
所以我正在开发一个需要带有onclick事件的<div>
的项目。 我有主要的功能工作,但有一个问题。 我需要在用户选中<div>
并按下回车键时发生onclick事件。 我添加了一个tabindex到<div>
,它允许它获得焦点,但是当用户按下输入(或任何其他键)时没有任何反应。
谁能帮我这个? 或者是我想要的甚至不可能?
这是一个jsfiddle展示我的问题。 http://jsfiddle.net/logiwan992/suwq7r09/
预先感谢您的任何帮助。
So I am working on a project that requires a <div>
with an onclick event. I've got the main functionality working, but there is one problem. I need the onclick event to happen when the user tabs to the <div>
and presses enter. I added a tabindex to the <div>
which allows it to gain focus, but nothing happens when the user presses enter (or any other key).
Can anyone help me with this? Or is what I want not even possible?
Here is a jsfiddle demonstrating my problem. http://jsfiddle.net/logiwan992/suwq7r09/
Thank you in advance for any help.
原文:https://stackoverflow.com/questions/32659099
更新时间:2023-11-14 13:11
最满意答案
不需要任何花哨的东西。 只需使用concatMap
和delay
运算符
jla.concatMap(s -> Observable.just(s).delay(s.delay, TimeUnit.SECONDS))
.subscribe(s1 -> System.out.println(s1.name + " just came..."),
e -> {},
() -> System.out.println("Everybody came!"));
No need for anything fancy. Just use concatMap
and delay
operators
jla.concatMap(s -> Observable.just(s).delay(s.delay, TimeUnit.SECONDS))
.subscribe(s1 -> System.out.println(s1.name + " just came..."),
e -> {},
() -> System.out.println("Everybody came!"));
相关问答
更多
-
一种方法是使用zip将您的可观察值与Interval可观察值组合以延迟输出。 Observable.zip(Observable.range(1, 5)
.groupBy(n -> n % 5)
.flatMap(g -> g.toList()),
Observable.interval(50, TimeUnit.MILLISECONDS),
(obs, timer) -> obs)
.doOnNext(item -> {
System.o ...
-
Concat 整个zip与空Observable延迟: return Observable.zip(
Observable.interval(0, MOVE_LENGTH_IN_MILLIS, TimeUnit.MILLISECONDS),
Observable.fromIterable(mySuperNiceArrayList),
new BiFunction
() {
@Override
...
-
这里工作: $('ul li').each(function(i){
var t = $(this);
setTimeout(function(){ t.addClass('animation'); }, (i+1) * 50);
});
http://jsfiddle.net/GCHSW/1/ This here works: $('ul li').each(function(i){
var t = $(this);
setTimeout(function(){ t.ad ...
-
您可以使用retryWhen()运算符将重试逻辑添加到任何Observable。 以下类包含重试逻辑: RxJava 2.x public class RetryWithDelay implements Function
, Observable>> {
private final int maxRetries;
private final int retryDelayMillis;
private int retry ...
-
rxjava延迟:如何获得列表中每个项目的可变延迟?(rxjava delay: How to get variable delay on each item emitted from a list?)[2021-12-07]
不需要任何花哨的东西。 只需使用concatMap和delay运算符 jla.concatMap(s -> Observable.just(s).delay(s.delay, TimeUnit.SECONDS))
.subscribe(s1 -> System.out.println(s1.name + " just came..."),
e -> {},
() -> System.out.println("Everybody ...
-
RxJava检查条件有延迟(RxJava check condition with delay)[2022-04-28]
使用flatMap和interval : Observable
.just(request)
.map(this::submitAndGetId)
.flatMap(id ->
Observable
.interval(1, TimeUnit.SECONDS)
.filter(n -> reportIsDone(id))
.map(n -> id)
.first()
)
.map(this::getReport); ...
-
使delay()使用插件(Making delay() work with a plugin)[2023-12-21]
您需要手动调用jQuerys .queue() 。 看起来像; $(".app_advert").delay(10000).queue(function() {
$(this).set_height(2000);
$(this).dequeue();
});
您甚至可以在该构造后面链接更多排队的方法。 请注意,默认情况下,对于要应用于当前包装集的任何其他方法,所有fx methods排队,调用另一个.queue() 。 阅读: http : //api.jquery.com/queue Y ...
-
根据延迟应用颜色(Apply color based on delay)[2023-12-08]
你可以做这样的事情。 var $li = $('ul li');
$li.each(function(i, li) {
var that = $(this);
setTimeout(function() {
$li.removeAttr('style');
that.css('background-color', 'red');
}, i * 800);
});
的jsfiddle You can do something like this. ...
-
RxJava 2.在继续执行其他不同的项目时重试延迟(RxJava 2. Retry with delay while proceeding other items that are distinct)[2023-02-13]
要只处理一次上传失败,您可以在最后一步添加运算符: .flatMapCompletable(item->uploadItem(item))
应该成为 .flatMapCompletable(item->uploadItem(item)
.retryWhen(throwable ->
throwable.delay(5, TimeUnit.SECONDS)))
编辑:我 ...
-
// hide word-rotate spans
$('.word-rotate').hide();
// Set variables
var words = [],
index = 0,
$span = $('.text-rotate');
// Get words within 'word-rotate' spans and push in array
$('.word-rotate').each(function() {
words.push($(thi ...
相关文章
更多
微信Tab页
Hibernate Search(基于version3.4)--第四章Mapping entities to the index structure
Create a Bootable MicroSD Card
如何实现:一个Tab中的List点击某个Item后想把该项添加到另一个tab中的ListView中?
Becoming a data scientist
[转]So You Want To Be A Producer
按钮样式
如何用正则表达示匹配一个div标签
用A标签实现页面内容定位 点击链接跳到具体位置
trouble is a friend
最新问答
更多
您如何使用git diff文件,并将其应用于同一存储库的副本的本地分支?(How do you take a git diff file, and apply it to a local branch that is a copy of the same repository?)
将长浮点值剪切为2个小数点并复制到字符数组(Cut Long Float Value to 2 decimal points and copy to Character Array)
OctoberCMS侧边栏不呈现(OctoberCMS Sidebar not rendering)
页面加载后对象是否有资格进行垃圾回收?(Are objects eligible for garbage collection after the page loads?)
codeigniter中的语言不能按预期工作(language in codeigniter doesn' t work as expected)
在计算机拍照在哪里进入
使用cin.get()从c ++中的输入流中丢弃不需要的字符(Using cin.get() to discard unwanted characters from the input stream in c++)
No for循环将在for循环中运行。(No for loop will run inside for loop. Testing for primes)
单页应用程序:页面重新加载(Single Page Application: page reload)
在循环中选择具有相似模式的列名称(Selecting Column Name With Similar Pattern in a Loop)
System.StackOverflow错误(System.StackOverflow error)
KnockoutJS未在嵌套模板上应用beforeRemove和afterAdd(KnockoutJS not applying beforeRemove and afterAdd on nested templates)
散列包括方法和/或嵌套属性(Hash include methods and/or nested attributes)
android - 如何避免使用Samsung RFS文件系统延迟/冻结?(android - how to avoid lag/freezes with Samsung RFS filesystem?)
TensorFlow:基于索引列表创建新张量(TensorFlow: Create a new tensor based on list of indices)
企业安全培训的各项内容
错误:RPC失败;(error: RPC failed; curl transfer closed with outstanding read data remaining)
C#类名中允许哪些字符?(What characters are allowed in C# class name?)
NumPy:将int64值存储在np.array中并使用dtype float64并将其转换回整数是否安全?(NumPy: Is it safe to store an int64 value in an np.array with dtype float64 and later convert it back to integer?)
注销后如何隐藏导航portlet?(How to hide navigation portlet after logout?)
将多个行和可变行移动到列(moving multiple and variable rows to columns)
提交表单时忽略基础href,而不使用Javascript(ignore base href when submitting form, without using Javascript)
对setOnInfoWindowClickListener的意图(Intent on setOnInfoWindowClickListener)
Angular $资源不会改变方法(Angular $resource doesn't change method)
在Angular 5中不是一个函数(is not a function in Angular 5)
如何配置Composite C1以将.m和桌面作为同一站点提供服务(How to configure Composite C1 to serve .m and desktop as the same site)
不适用:悬停在悬停时:在元素之前[复制](Don't apply :hover when hovering on :before element [duplicate])
常见的python rpc和cli接口(Common python rpc and cli interface)
Mysql DB单个字段匹配多个其他字段(Mysql DB single field matching to multiple other fields)
产品页面上的Magento Up出售对齐问题(Magento Up sell alignment issue on the products page)
所以我正在开发一个需要带有onclick事件的
<div>
的项目。 我有主要的功能工作,但有一个问题。 我需要在用户选中<div>
并按下回车键时发生onclick事件。 我添加了一个tabindex到<div>
,它允许它获得焦点,但是当用户按下输入(或任何其他键)时没有任何反应。谁能帮我这个? 或者是我想要的甚至不可能?
这是一个jsfiddle展示我的问题。 http://jsfiddle.net/logiwan992/suwq7r09/
预先感谢您的任何帮助。
So I am working on a project that requires a
<div>
with an onclick event. I've got the main functionality working, but there is one problem. I need the onclick event to happen when the user tabs to the<div>
and presses enter. I added a tabindex to the<div>
which allows it to gain focus, but nothing happens when the user presses enter (or any other key).Can anyone help me with this? Or is what I want not even possible?
Here is a jsfiddle demonstrating my problem. http://jsfiddle.net/logiwan992/suwq7r09/
Thank you in advance for any help.
原文:https://stackoverflow.com/questions/32659099
最满意答案
不需要任何花哨的东西。 只需使用
concatMap
和delay
运算符jla.concatMap(s -> Observable.just(s).delay(s.delay, TimeUnit.SECONDS)) .subscribe(s1 -> System.out.println(s1.name + " just came..."), e -> {}, () -> System.out.println("Everybody came!"));
No need for anything fancy. Just use
concatMap
anddelay
operatorsjla.concatMap(s -> Observable.just(s).delay(s.delay, TimeUnit.SECONDS)) .subscribe(s1 -> System.out.println(s1.name + " just came..."), e -> {}, () -> System.out.println("Everybody came!"));
相关问答
更多-
一种方法是使用zip将您的可观察值与Interval可观察值组合以延迟输出。 Observable.zip(Observable.range(1, 5) .groupBy(n -> n % 5) .flatMap(g -> g.toList()), Observable.interval(50, TimeUnit.MILLISECONDS), (obs, timer) -> obs) .doOnNext(item -> { System.o ...
-
Concat 整个zip与空Observable延迟: return Observable.zip( Observable.interval(0, MOVE_LENGTH_IN_MILLIS, TimeUnit.MILLISECONDS), Observable.fromIterable(mySuperNiceArrayList), new BiFunction
() { @Override ... -
这里工作: $('ul li').each(function(i){ var t = $(this); setTimeout(function(){ t.addClass('animation'); }, (i+1) * 50); }); http://jsfiddle.net/GCHSW/1/ This here works: $('ul li').each(function(i){ var t = $(this); setTimeout(function(){ t.ad ...
-
您可以使用retryWhen()运算符将重试逻辑添加到任何Observable。 以下类包含重试逻辑: RxJava 2.x public class RetryWithDelay implements Function
, Observable>> { private final int maxRetries; private final int retryDelayMillis; private int retry ... -
rxjava延迟:如何获得列表中每个项目的可变延迟?(rxjava delay: How to get variable delay on each item emitted from a list?)[2021-12-07]
不需要任何花哨的东西。 只需使用concatMap和delay运算符 jla.concatMap(s -> Observable.just(s).delay(s.delay, TimeUnit.SECONDS)) .subscribe(s1 -> System.out.println(s1.name + " just came..."), e -> {}, () -> System.out.println("Everybody ... -
RxJava检查条件有延迟(RxJava check condition with delay)[2022-04-28]
使用flatMap和interval : Observable .just(request) .map(this::submitAndGetId) .flatMap(id -> Observable .interval(1, TimeUnit.SECONDS) .filter(n -> reportIsDone(id)) .map(n -> id) .first() ) .map(this::getReport); ... -
使delay()使用插件(Making delay() work with a plugin)[2023-12-21]
您需要手动调用jQuerys .queue() 。 看起来像; $(".app_advert").delay(10000).queue(function() { $(this).set_height(2000); $(this).dequeue(); }); 您甚至可以在该构造后面链接更多排队的方法。 请注意,默认情况下,对于要应用于当前包装集的任何其他方法,所有fx methods排队,调用另一个.queue() 。 阅读: http : //api.jquery.com/queue Y ... -
根据延迟应用颜色(Apply color based on delay)[2023-12-08]
你可以做这样的事情。 var $li = $('ul li'); $li.each(function(i, li) { var that = $(this); setTimeout(function() { $li.removeAttr('style'); that.css('background-color', 'red'); }, i * 800); }); 的jsfiddle You can do something like this. ... -
RxJava 2.在继续执行其他不同的项目时重试延迟(RxJava 2. Retry with delay while proceeding other items that are distinct)[2023-02-13]
要只处理一次上传失败,您可以在最后一步添加运算符: .flatMapCompletable(item->uploadItem(item)) 应该成为 .flatMapCompletable(item->uploadItem(item) .retryWhen(throwable -> throwable.delay(5, TimeUnit.SECONDS))) 编辑:我 ... -
// hide word-rotate spans $('.word-rotate').hide(); // Set variables var words = [], index = 0, $span = $('.text-rotate'); // Get words within 'word-rotate' spans and push in array $('.word-rotate').each(function() { words.push($(thi ...