温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

javascript中textInput事件如何应用

发布时间:2022-04-25 15:54:30 来源:亿速云 阅读:209 作者:iii 栏目:大数据

这篇文章主要介绍“javascript中textInput事件如何应用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“javascript中textInput事件如何应用”文章能帮助大家解决问题。

代码如下: 
<!DOCTYPE html>
<html>
<head>
       <title>TextInput Event Example</title>
       <script type="text/javascript" src="EventUtil.js"></script>
</head>
<body>
<input type="text" id="myText" />
       <p>This example only works in browsers that support the <code>textInput</code> event.</p>
       <script type="text/javascript">
              var textbox = document.getElementById("myText");
                     EventUtil.addHandler(textbox, "textInput", function(event){
                     event = EventUtil.getEvent(event);
                     alert(event.data); 
       });
       </script>
</body>
</html>
在这个例子中,插入到文本框中的字符会通过一个警告框显示出来。 
       另外,event 对象上还有一个属性,叫 inputMethod,表示把文本输入到文本框中的方式。
       0,表示浏览器不确定是怎么输入的。
       1,表示是使用键盘输入的。
       2,表示文本是粘贴进来的。
       3,表示文本是拖放进来的。
       4,表示文本是使用 IME输入的。
       5,表示文本是通过在表单中选择某一项输入的。
       6,表示文本是通过手写输入的(比如使用手写笔)。
       7,表示文本是通过语音输入的。
       8,表示文本是通过几种方法组合输入的。
       9,表示文本是通过脚本输入的。
       使用这个属性可以确定文本是如何输入到控件中的,从而可以验证其有效性。支持 textInput 属 性的浏览器有 IE9+、Safari和 Chrome。只有 IE支持 inputMethod 属性。        

关于“javascript中textInput事件如何应用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注亿速云行业资讯频道,小编每天都会为大家更新不同的知识点。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI