百度输入法调用

2011-1-13 15:36:26 - tanlixiao

网站也没什么内容,现在各大网站陆陆续续有开放的接口,就想收集各API结合到自己的站点中,发现在百度上看到百度输入法的调用文档,就结合一js调用,看了官方的文档,摘抄下源码下来了,供参考使用

将以下代码加入到您的网页中,放置在</body>标签前,即可使用百度在线拼音输入法。

简单方式:

<script type="text/javascript" src="http://www.baidu.com/olime/bdime_open.js"></script>

说明:采用简单方式的接口使用百度在线输入法时,所有设置将使用默认状态,如需要自定义各设置项,请使用高级方式。

高级方式:

<script type="text/javascript">

var bdime_option = {
    ch : true,
    bc : true,
    pt : true,
    on : true,
    domain : "",
    username : "",
    targets : []
}

</script>

<script type="text/javascript" src="http://www.baidu.com/olime/bdime_open.js"></script>

参数说明:

    ch

        中/英文开关,true表示中文、false表示英文,可缺省,默认中文;

    bc

        全/半角开关,true表示半角、false表示全角,可缺省,默认半角;

    pt

        中/英文标点开关,true表示中文标点、false表示英文标点,可缺省,默认中文标点;

    on

        休眠开关,true表示开启、false表示休眠,可缺省,默认开启;

    domain

        cookie作用域(用于记录休眠、中/英文、全/半角、中/英文标点开关的状态),可缺省,默认不记录状态,cookie对应的key是bdime;

    username

        百度账号,可缺省,无默认值;

        用户词库接口,指定相同的值将获得相同的用户词库用于存放用户自造词。站长也可以通过制定此值使得网站上所有用户获得相同的用户词库。

    targets

        指定哪些输入框可以使用百度在线拼音输入法(输入框对象或id,多个输入框以","分隔),可缺省,默认自动识别页面中的输入框;

其他接口:

    bdime.close()

        当百度在线拼音输入法加载并初始化成功之后,可通过此方法关闭百度在线拼音输入法;

    bdime.open()

        当百度在线拼音输入法处于休眠状态或通过bdime.close()关闭之后,可通过此方法重新开启百度在线拼音输入法;

下面就给一例子:

<body>
<p>开启、关闭</p>
<input type="text" id="keyword">
<input type="button" value="开启" onClick="openIme()">
<input type="button" value="关闭" onClick="closeIme()">
<script type="text/javascript">
function openIme(){
if(window.bdime){
bdime.open();
}else{
var s = document.createElement("script");
s.src = "http://www.baidu.com/olime/bdime_open.js";
document.getElementsByTagName("head")[0].appendChild(s);
}
document.getElementById("keyword").focus();
}
function closeIme(){
if(window.bdime){
bdime.close();
}
}
</script>
</body>
实例二:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>百度在线拼音输入法</title>
<style type="text/css">
.a{width:300px}
.b{width:300px;height:60px}
</style>
</head>

<body>
<p>高级方式:输入框A、B可用,输入框C不可用,并且默认为全角状态</p>
<form name="demo">
输入框A:<input type="text" name="inputA" id="inputA" class="a"><br><br>
输入框B:<input type="text" name="inputB" id="inputB" class="a"><br><br>
输入框C:<textarea id="inputC" class="b"></textarea><br><br>
</form>
<br><br><br><br>
<script type="text/javascript">
var bdime_option = {
bc : false,
targets : ["inputA", "inputB"] //或[document.demo.inputA, document.demo.inputB]
}
</script>
<script type="text/javascript" src="http://www.baidu.com/olime/bdime_open.js"></script>

</body>
</html>

标签:输入法

关于我

喜欢简简单单的生活.

记录平凡世界的点滴

-于2010年12月31日

联系我

  • 微信:fishren
  • 邮箱:
    tanlixiao@163.com
  • Address:
    中国最南端的滨海城市
    河西区 解放路 502