我在我的機器上安裝了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字體顯示工具提示，無論何時單擊右鍵單擊一個字符，當鼠標被釋放時，工具提示消失了嗎？

來源

2016-05-12 Artificial Stupidity

爲什麼要使用右鍵單擊？在網絡中使用右鍵點擊不好的做法 –

@TawfiqInjass：歡迎任何熱鍵。 :-) –

與每個字母互動獨自你需要有一個像這樣在自己的標籤每個字母：

<span>僕</span><span>は</span><span>合</span><span>気</span>

然後將事件添加到每個跨度你可以寫一個小的JavaScript把每一個字符它自己的跨度

我建議把這個放在字符懸停。或點擊並按住。

來源

2016-05-12 16:27:13

但標記每一個單一的漢字似乎是一場噩夢。 HTML代碼變得混亂。 –

不要這樣做它使用javascript檢查這個問題 http://stackoverflow.com/questions/21896591/wrapping-each-character-in-a-span –

它是你唯一的解決方案，如果你想與每個字母 –

如何右鍵單擊每個漢字字符顯示漢字筆順的工具提示？

目的

我嘗試

問題

回答

相關問題