本文介绍如何在网页中使用JavaScript实现中文输入效果。通过引入外部JS文件,并结合HTML表单元素,可以实现对中文输入的特定处理。注意,引入外部JS后需刷新页面以确保脚本正确执行。
JS中文输入效果实现
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style type="text/css"> <!-- td,form,select,input,textarea,p {font-color:#000000;font-size: 12px;line-height:150%;letter-spacing:2px} a:link {text-decoration: none; color: navy; font-size: 12px} a:visited {text-decoration: none; color: navy; font-size: 12px} a:active {text-decoration: none; color: navy; font-size: 12px} a:hover {color: red; BORDER-BOTTOM: plum 1px solid; POSITION: relative} .fontbig {font-size: 7pt} .1 {color: #666666;line-height:150%;letter-spacing:3px} .fontbig1 {font-size: 10.5pt} textarea {BORDER-BOTTOM: rgb(0,0,0) 1px solid; BORDER-LEFT: rgb(0,0,0) 1px solid; BORDER-RIGHT: rgb(0,0,0) 1px solid; BORDER-TOP: rgb(0,0,0) 1px solid; FONT-SIZE: 14px; font-face:verdana; color: navy; background-color:transparent} input {BORDER-BOTTOM: rgb(0,0,0) 1px solid; BORDER-LEFT: rgb(0,0,0) 0px solid; BORDER-RIGHT: rgb(0,0,0) 0px solid; BORDER-TOP: rgb(0,0,0) 0px solid; FONT-SIZE: 9pt; font-face:verdana; color: navy; background-color:transparent} --> </style> </head> <body onselectstart="if(event.srcElement.tagName=='A')return false"> <table cellpadding=10> <tr> <td> input:<input onkeyup=get(this.value) onkeydown=chk(this.value)> <textarea id=result rows=22 cols=60 style=background:url('a02.jpg');background-repeat:no-repeat></textarea> <td valign=top> <div id=choice style=font-size:12px;width:220px></div> </tr> </table> [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]