首先,这是我的项目,请注意我最后工作的CSS,所以它不漂亮。
shawnwow.com/chineseCharacterHelpr /
如果你输入了几个字符,或者说," mao"你会看到一些可能的选择,你可以输入1-5来选择你需要的任何选择。这是我从这里下载的模块的默认行为:
http://yuhanz.github.io/chinese-ime.html
现在进入我的项目;如果单击提示按钮,则会弹出一些选项。如果您点击上方框中的任何中文字符,播放声音"按钮,你会看到它取了汉字并正确地把它放在顶部的文本框中。我缺少的一步是我需要选择留在那里但是" mao"当你选择了你想要的角色并准备好继续下一个单词时,可能的汉字就会消失。
我已经能够通过点击"语音输入"来实现这一点。复选框并再次检查它,似乎清除了搜索,就像我想要的那样。在选择一个角色后,我尝试以编程方式执行此操作,但它无法正常工作。
$('.chinese-checkbox input').attr('checked', false);
$('.chinese-checkbox input').attr('checked', true);
我测试了我正在影响正确的复选框,只是注释掉了true,当我选择了一个汉字时,它确实将它标记为false。但由于某些原因,并没有删除" mao"或其搜索,如手动检查和返回复选框。如果有人知道我做错了什么,这也可能是一个解决方案。该选项仅在那里,因为我希望这可以工作,我将隐藏复选框,如果我可以让它工作,并删除复选框,如果我不能。用户永远不应该有理由改变它。
最后,最后引入标题,我发现如果我只是手动删除搜索框中的字符,它就会全部消失;但如果我继续删除它会开始删除我之前选择的。如果我只是在.typing范围内做了一个.empty,那就是" mao"它会删除字符但是它仍然会将中文和值留在JS中。所以我试着以编程方式删除它们。我用过:
$('#chinese-ime .typing').text().length;
获取框中的字符数(所以我知道要删除多少),如果我可以使用jQuery来关注该框,然后多次点击退格,那也可以清除框。