解决IDEA中I18n国际化文件乱码问题

 解决方案如下:

 再看一下,是不是解决了!!!!!

  • 9
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
要实现鼠标移上去显示 i18n 国际化的内容,可以采用以下步骤: 1. 使用 i18n 库来管理多语言文本资源。 2. 在页面需要显示多语言文本的地方,使用 i18n 提供的 API 来获取对应语言的文本。 3. 使用鼠标移入事件来触发显示多语言文本的操作。 4. 在事件处理函数获取当前鼠标所在位置,并根据位置来确定需要显示的文本内容。 5. 使用 DOM 操作将文本内容添加到页面,并设置样式以达到合适的显示效果。 示例代码如下: ```javascript // 在页面加载时初始化 i18ni18n.init({ lng: 'en', resources: { en: { translation: { 'hello': 'Hello', 'world': 'World' } }, zh: { translation: { 'hello': '你好', 'world': '世界' } } } }); // 绑定鼠标移入事件 document.getElementById('myElement').addEventListener('mouseenter', function(event) { // 获取当前语言 var lang = i18n.lng(); // 根据语言获取对应的文本 var text = i18n.t('hello') + ' ' + i18n.t('world'); // 创建并添加文本元素 var tooltip = document.createElement('div'); tooltip.className = 'tooltip'; tooltip.textContent = text; document.body.appendChild(tooltip); // 设置文本元素的位置 var x = event.pageX; var y = event.pageY; tooltip.style.left = x + 'px'; tooltip.style.top = y + 'px'; }); // 绑定鼠标移出事件 document.getElementById('myElement').addEventListener('mouseleave', function(event) { // 移除文本元素 var tooltip = document.querySelector('.tooltip'); if (tooltip) { document.body.removeChild(tooltip); } }); ``` 在上面的示例代码,我们使用了 i18n 库来管理多语言文本资源,使用鼠标移入事件来触发显示多语言文本的操作,使用 DOM 操作将文本内容添加到页面,并设置样式以达到合适的显示效果。同时,我们还绑定了鼠标移出事件来移除文本元素,以保证页面干净整洁。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值