原生js 表单搜索text文本框支持手写输入法


原生js 表单搜索text文本框支持手写输入法
原生js 表单搜索text文本框支持手写输入法以及表单搜索、text文本框、手写输入法等js/jquery网页特效代码下载。
特效描述:表单搜索 text文本框 手写输入法,web手写输入法

代码结构

1. HTML代码

<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 type="text/javascript"> 
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", "hwInput.js"); 
        d.getElementsByTagName("head")[0].appendChild(A);
        il = true;
    }
}; 
</script>

相关推荐

  • jQuery手写输入法代码

    jQuery手写输入法代码以及jQuery、手写输入法等js/jquery网页特效代码下载。

    Border circle 石神千空 2019-12-17 20:58:35 0 0 0

  • html5点击text文本框个性化时间选择插件

    html5点击text文本框个性化时间选择插件以及html5、点击text文本框、个性化、时间选择插件等js/jquery网页特效代码下载。

    Border circle 扒小喵 2019-12-17 20:07:03 0 0 0

发表评论

相关文章