- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
编辑**
在我的文字游戏中有一个包含 3 个字母单词的网格。
游戏的目的是通过点击旁边相应的字母来拼写单词。
当网格中的某个区域突出显示时,它会向用户指示要拼写的单词。用户点击网格边上的字母,然后移动到突出显示的区域。
当一个字母被点击时,它会移动到网格中的相应区域。我想让它尽可能对用户友好,所以我想另外添加“keyDown()”,以便当用户按下“a”时它会在屏幕上显示动画。
字母是这样存储在 HTML 中的
<div class="tiles-wrapper">
<div id="drag1" class="drag ui-widget-content player-tiles2" tabindex="0" data-letter="a">
<p>a</p>
</div>
<div id="drag2" class="drag ui-widget-content player-tiles" tabindex="0" data-letter="b">
<p>b</p>
</div>
<div id="drag3" class="drag ui-widget-content player-tiles" tabindex="0" data-letter="c">
<p>c</p>
</div>
<div id="drag4" class="drag ui-widget-content player-tiles" tabindex="0" data-letter="d">
<p>d</p>
</div>
<div id="drag5" class="drag ui-widget-content player-tiles2" tabindex="0" data-letter="e">
<p>e</p>
</div>
<div id="drag6" class="drag ui-widget-content player-tiles" tabindex="0" data-letter="f">
<p>f</p>
</div>
<div id="drag7" class="drag ui-widget-content player-tiles" tabindex="0" data-letter="g">
<p>g</p>
</div>
<div id="drag8" class="drag ui-widget-content player-tiles" tabindex="0" data-letter="h">
<p>h</p>
</div>
<div id="drag9" class="drag ui-widget-content player-tiles2" tabindex="0" data-letter="i">
<p>i</p>
</div>
<div id="drag10" class="drag ui-widget-content player-tiles" tabindex="0" data-letter="j">
<p>j</p>
</div>
<div id="drag11" class="drag ui-widget-content player-tiles" tabindex="0" data-letter="k">
<p>k</p>
</div>
<div id="drag12" class="drag ui-widget-content player-tiles" tabindex="0" data-letter="l">
<p>l</p>
</div>
<div id="drag13" class="drag ui-widget-content player-tiles" tabindex="0" data-letter="m">
<p>m</p>
</div>
<div id="drag14" class="drag ui-widget-content player-tiles" tabindex="0" data-letter="n">
<p>n</p>
</div>
<div id="drag15" class="drag ui-widget-content player-tiles2" tabindex="0" data-letter="o">
<p>o</p>
</div>
<div id="drag16" class="drag ui-widget-content player-tiles" tabindex="0" data-letter="p">
<p>p</p>
</div>
<div id="drag17" class="drag ui-widget-content player-tiles" tabindex="0" data-letter="q">
<p>q</p>
</div>
<div id="drag18" class="drag ui-widget-content player-tiles" tabindex="0" data-letter="r">
<p>r</p>
</div>
<div id="drag19" class="drag ui-widget-content player-tiles" tabindex="0" data-letter="s">
<p>s</p>
</div>
<div id="drag20" class="drag ui-widget-content player-tiles" tabindex="0" data-letter="t">
<p>t</p>
</div>
<div id="drag21" class="drag ui-widget-content player-tiles2" tabindex="0" data-letter="u">
<p>u</p>
</div>
<div id="drag22" class="drag ui-widget-content player-tiles" tabindex="0" data-letter="v">
<p>v</p>
</div>
<div id="drag23" class="drag ui-widget-content player-tiles" tabindex="0" data-letter="w">
<p>w</p>
</div>
<div id="drag24" class="drag ui-widget-content player-tiles" tabindex="0" data-letter="x">
<p>x</p>
</div>
<div id="drag25" class="drag ui-widget-content player-tiles" tabindex="0" data-letter="y">
<p>y</p>
</div>
<div id="drag26" class="drag ui-widget-content player-tiles" tabindex="0" data-letter="z">
<p>z</p>
</div>
我有一些脚本,但我不知道如何链接起来
$(document).keypress(function(e){
if (e.which >= 97 && e.which <= 122) {
animateDrag(String.fromCharCode(e.which));
}
});
最佳答案
您可以通过在适当的字母 div 上触发 click
事件来完成此操作,如下所示:
$(document).keypress(function(e){
if (e.which >= 97 && e.which <= 122) {
letter = String.fromCharCode(e.which);
$(".drag[data-letter='"+letter+"']").trigger('click');
}
});
查看工作 demo
关于javascript - 将keydown添加到点击事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13176089/
我正在制作一个应用程序来计算距离和面积,现在问题是我制作了一个数组并在其中附加了我的节点。 func calculate () { let start = dotNodes[0] le
在我的 Eclipse 上,双分隔符使用逗号而不是点,我想将其更改为逗号,但我不知道如何更改。代码本身如下: double latitudeBerlin = 52.51217; double long
我想知道,如果: string name_a; string name_b; 将有一些已经存在的函数可以让我比较两个字符串的一定数量的字符like strncmp() ,但来 self 的 strin
我在 X 轴上有点,我想从每个点到另一个点 (X2,Y2) 做直线。 此代码适用于从 Y=35 到 X 点 (P) 的蓝线,并且它有效 pos_fixed = np.array([0, TR]) li
我必须返回以度为单位的角度,它应该在 0 到 360(含)之间的范围内。我必须使用 math.h 库中的函数 acos()、asin() 和 atan()。在我的说明中,它说根据该点所在的象限,计算可
请考虑以下说明我的问题的简化示例: 主窗口.xaml 主窗口.xaml.cs using System; using System.Windows; using System.Windo
我是一名优秀的程序员,十分优秀!