如何在自己网站加入百度手写输入法？

 

最近百度不是跟汉王合作出了个手写输入法，还是云的，只要是云的都拿来借用一下。

所以搞了两个研究：

第一：如何在自己网站加入此输入法？

解决：

 

网上有一片通过修改JS文件能引入手写输入的，原文地址：http://www.leftleftleft.cn/html/webqianduan/20100719/15.html，貌似改了不少，我这里要尝试一下如何引用百度远程JS来搞定这个手写输入，也就是不修改输入法的JS。
代码如下：

 

var d = document;//必须存在，切不可改名 var bdimeHW = {}; u=0; function z() { if(!u){ if (d.selection && d.activeElement.id && d.activeElement.id == "kw") { bdimeHW.hasF = 1;//是否是firefox，请自行判断 } bdimeHW.input = "kw";//改为自己的输入框 bdimeHW.submit = "imeS";//提交按钮，也就是手写输入显示的位置 o(); u=1; }else{ bdimeHW.reload(true); } } function o(){ var y = d.createElement("script"); y.src = "http://www.baidu.com/hw/hwInput_1.1.js"; d.getElementsByTagName("head")[0].appendChild(y); }  

页面的代码如下：

 

注意：打开手写的DOM对象ID必须为“imeS”。

在线效果可以去这里查看：你知不知道

 

第二个：如何让任意网站都可以使用此输入法？

解决：

 

不过，先自泼冷水：
1.如果输入框为DIV，则文字无法输入，比如google
2.无法定位到输入框的附近
3.请先将输入框获得焦点后，再使用此插件。

实际实现就是跟其他的JS收藏夹工具一样，写了个JS而已。
具体使用请查看 这篇博文

如果你还想知道怎么弄的，下面就是代码：

 

 

javascript: (function() { var d = document; var ac = d.activeElement; bdimeHW = {}; u = 0; if (!u) { if (d.selection && d.activeElement.id) { bdimeHW.hasF = 1; } var btn = d.createElement("input");//创建一个button btn.setAttribute("id", "imeS"); btn.setAttribute("type", "button"); d.activeElement.parentNode.appendChild(btn); btn.style.display = "none";//再把他隐藏掉 bdimeHW.input = ac.id; bdimeHW.submit = "imeS"; var y = d.createElement("script"); y.src = "http://www.baidu.com/hw/hwInput_1.1.js"; d.getElementsByTagName("head")[0].appendChild(y); u = 1; } else { bdimeHW.reload(true); } })();  

代码就是a标签内的内容了。

如果各位有更好的，请告诉我～～～