Question

我想在我的网站上添加一个谜语，我有问题模板。以下

<table width="474" border="0" align="center" cellpadding="7" cellspacing="7">
    <tr>
      <td width="41"><label for="riddle">Riddle</label></td>
      <td colspan="6">What goes up and never comes down?</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td width="52"><div id="div1" class="answerbox">A</div></td>
      <td width="25"><div id="div2"class="answerbox">S</div></td>
      <td width="50"><div id="div3"class="answerbox">D</div></td>
      <td width="50"><div id="div4"class="answerbox">F</div></td>
      <td width="50"><div id="div5"class="answerbox">G</div></td>
      <td width="52"><div id="div6"class="answerbox">H</div></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td><div id="div7"class="answerbox">K</div></td>
      <td><div id="div8"class="answerbox">L</div></td>
      <td><div id="div9"class="answerbox">M</div></td>
      <td><div id="div10"class="answerbox">N</div></td>
      <td><div id="div11"class="answerbox">O</div></td>
      <td><div id="div12"class="answerbox">P</div></td>
    </tr>
    <tr>
      <td>Anwer</td>
      <td colspan="6"><label for="answer"></label>
      <input name="answer" type="text" id="answer" size="40" /></td>
    </tr>
    <tr>
      <td colspan="7"><div align="center">
        <input type="submit" name="button" id="button" value="Submit" />
      </div></td>
    </tr>
    <tr>
      <td colspan="7">&nbsp;</td>
    </tr>
  </table>

当用户开始在答案文本框中输入答案时，我想要实现的目标是，如果他或她按下，那么他或她在"answerbox"类的div中输入的任何字母都应该淡出退格以删除字母在div中淡出的答案

这是问题的小提琴

http://jsfiddle.net/q4xhwwrb/

Answer 1

我已经修改了你的小提琴（在fork之后）并添加了对jQuery 1.11的引用

http://jsfiddle.net/71n57pot/3/

最值得注意的是＆＃34; keyup＆＃34;事件：

$("#answer").on("keyup",function(e){ ... });

它不能与keydown或keypress函数一起使用，因为＆＃34; answer＆＃34;在此之前输入没有改变

它可能会让你走上正轨 - 你可能想要添加一些调整来解释所选字母中没有的字母。我已经添加了对同一个字母的多个实例的支持。

快乐的编码！

淡出字母表inkeypress的字母等于div中的值

1 个答案: