如何为每个汉字显示正确点击的汉字笔划顺序工具提示？
如何为每个汉字显示正确点击的汉字笔划顺序工具提示？
提问于 2016-05-12 16:05:31
我已经在我的机器上安装了KanjiStrokeOrders字体来显示汉字笔画顺序。
目标
我想为自己学习日语的目的创建一个网页。当在浏览器上查看HTML页面时，我希望能够显示单个汉字的笔画顺序，通过带有KanjiStrokeOrders字体系列的工具提示正确单击，当然还有更大的字体大小。
我的尝试
下面的代码是我的尝试，但每当我将受body限制的区域悬停时，它就会切换字体。结果很烦人，因为，
- 空间是动态变化的，所以它产生的闪烁是不友好的，
- 我不能只选一个角色，
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script language="JavaScript">
function toggleFont() {
var _font = document.getElementsByTagName('body')[0].style.fontFamily;
if (_font != 'KanjiStrokeOrders') {
document.getElementsByTagName('body')[0].style.fontFamily = 'KanjiStrokeOrders';
document.getElementsByTagName('body')[0].style.fontSize = '120px';
}
else {
document.getElementsByTagName('body')[0].style.fontFamily = 'Arial';
document.getElementsByTagName('body')[0].style.fontSize = '12pt'; // return to the normal font
}
}
</script>
</head>
<body onmouseover="toggleFont();" onmouseout="toggleFont();">
僕は合気道が好きだ。I love Aikido.
</body>
</html>问题
当鼠标被释放时，当一个字符被正确点击，工具提示消失时，如何用KanjiStrokeOrders字体显示工具提示？
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-05-12 16:27:13
要单独与每个字母进行交互，您需要在其自己的标记中包含以下每个字母：
<span>僕</span><span>は</span><span>合</span><span>気</span>然后将事件添加到每个跨度中，您可以编写一个小的javascript来将每个字符放在自己的跨度中。
我建议把这个放在角色悬停上。或者点击并按住。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/37192155
复制相关文章
相似问题
腾讯云开发者
