jQuery是一種用于HTML和JavaScript的快速、小巧以及功能豐富的JavaScript庫(kù)。而在 jQuery 中,我們可以輕松地實(shí)現(xiàn)英文輸入自動(dòng)提示中文的功能。
$(function() { var availableTags = [ "apple-蘋果", "banana-香蕉", "orange-橙子", "cherry-櫻桃", "grape-葡萄" ]; $("#input").autocomplete({ source: availableTags, select: function(event, ui) { var selectedObj = ui.item.value.split("-")[1]; $("#result").html(selectedObj); } }); });
上述代碼中,我們使用了 jQuery UI 的 autocomplete 組件來(lái)實(shí)現(xiàn)英文輸入自動(dòng)提示中文的功能。首先,我們創(chuàng)建了一個(gè)數(shù)組 availableTags,其中包含了多組英文和對(duì)應(yīng)的中文翻譯。接著,我們調(diào)用 jQuery UI 的 autocomplete() 方法,并指定數(shù)據(jù)源為 availableTags 數(shù)組。
當(dāng)用戶輸入英文時(shí),autocomplete 會(huì)自動(dòng)將輸入的文本與數(shù)據(jù)源進(jìn)行匹配,并將匹配的結(jié)果展示在下拉列表中。當(dāng)用戶選中某個(gè)下拉列表項(xiàng)時(shí),我們可以通過(guò) select 方法來(lái)獲取該項(xiàng)的 value 值,并從中提取出對(duì)應(yīng)的中文翻譯。最后,我們將翻譯結(jié)果展示在頁(yè)面上,供用戶查看。