首页 > 网络编程 > JavaScript > 网页特效 > 其他特效 > 百度手写板

百度手写板代码JavaScript远程调用的实现(鼠标输入法)

2010-09-19 20:20:07 作者：

百度手写板代码JavaScript远程调用的实现，其实没什么可参考的，引用百度的Js文件，如果大家想使用这个类的话，自己下载就行了，正好可参考一下本演示，帮你快速入题。

<!doctype html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html;charset=gb2312"> 
<title>百度在线手写板</title> 
<style> 
#sx{color:#00C;text-decoration:underline;cursor:pointer;} 
</style> 
</head> 
<body> 
<form name="f" action="s"> 
<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.wd 
if (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>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

百度手写板代码JavaScript远程调用的实现(鼠标输入法)

您可能感兴趣的文章: