BlogJava-狼爱上狸-随笔分类-JShttp://www.blogjava.net/waterjava/category/51595.html闻道有先后，术业有专攻！zh-cnTue, 01 May 2012 02:46:52 GMTTue, 01 May 2012 02:46:52 GMT60如何实现网页文本框手写输入http://www.blogjava.net/waterjava/archive/2012/05/01/377101.html狼爱上狸狼爱上狸Tue, 01 May 2012 02:34:00 GMThttp://www.blogjava.net/waterjava/archive/2012/05/01/377101.htmlhttp://www.blogjava.net/waterjava/comments/377101.htmlhttp://www.blogjava.net/waterjava/archive/2012/05/01/377101.html#Feedback0http://www.blogjava.net/waterjava/comments/commentRss/377101.htmlhttp://www.blogjava.net/waterjava/services/trackbacks/377101.html最近需要将一个项目部署到触控一体机，客户要求所有网页文本框输入必须支持手写输入，之前一直没有实现过这样的功能，于是让组员上网搜索了一下，结果发现百度输入法提供网页文本框手写输入的js调用api，是利用flash调用汉王字库来实现的。下面是详细的代码。

<!doctype html><html><head><meta http-equiv=”Content-Type” content=”text/html;charset=gb2312″><title>网页文本框手写输入</title& gt;<style>#sx{color:#00C;text- decoration:underline;cursor:pointer;}</style>< /head><body>单击“手写”可以在手写区输入，然后点击备选区的相应文字，完成输入！<br><form name=”f” action=”http://www.okajax.com”><input type=”text” name=”wd” id=”kw” maxlength=”100″><input type=”submit” value=”提交” id=”su”><span id=”sx”>手写</span></form><script> var w = window,d = document,n = navigator,k = d.f.wdif (w.attachEvent) {w.attachEvent(“onload”, function() {k.focus();})} else {w.addEventListener(‘load’, function() {k.focus()},true)};var hw = {};hw.i = d.getElementById(“sx”);var il = false;if (/msie (\d+\.\d)/i.test(n.userAgent)) {hw.i.setAttribute(“unselectable”, “on”)} else {var sL = k.value.length;k.selectionStart = sL;k.selectionEnd = sL}hw.i.onclick = function(B) {var B = B || w.event;B.stopPropagation ? B.stopPropagation() : (B.cancelBubble = true);if (d.selection && d.activeElement.id && d.activeElement.id == “kw”) {hw.hasF = 1} else {if (!d.selection) {hw.hasF = 1}}if (!il) {var A = d.createElement(“script”);A.setAttribute(“src”, “http://www.baidu.com/hw/hwInput.js”); d.getElementsByTagName(“head”)[0].appendChild(A);il = true;}}; </script>实用为王，手写输入法让上网更加简单
</body></html>

如果你直接复制以上代码并保存为html在本地测试的时候，你可能会发觉，手写功能失效，只是可以手写，但无法选择文字，而其他功能也无法操作。又或者你会得到如下图的Adobe Flash Player安全性警示框。

baidushouxieshuru 300x150 如何实现网页文本框手写输入

网页文本框手写输入

如何解决这个问题？你可以在windows XP的C:\Documents and Settings\用户名\Application Data\Macromedia\Flash Player\#Security\FlashPlayerTrust目录路径(注：如果不存在FlashPlayerTrust文件夹就创建一个，此 外，如果找不到Application Data目录的话，可以在文件夹－》查看里选择显示所有文件和文件夹)里增加一个信任配置文件。新建一记事本，打开并写上你的html文件所在的目录， 如： F:， 然后保存为shouxieshuru.cfg。再打开html时，手写输入功能完全起作用了。

参考资料：http://www.okajax.com/a/201009/shouxieshuru.html

http://www.code-design.cn/article/20090621/136.aspx


来自：
http://www.laokboke.net/2011/08/10/wenbenkuang-shouxieshuru/?utm_source=rss


狼爱上狸 2012-05-01 10:34 发表评论
]]>