实时监听input标签输入实时监听文本框输入避免中文输入法无法触发onkeyup事件的问题...

最新推荐文章于 2022-08-07 09:30:50 发布

anjueyin4591

最新推荐文章于 2022-08-07 09:30:50 发布

阅读量656

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/tonyzeng/p/5650256.html

版权

前言：

对于实时监听输入，这种需求大多数都是用于一个联想字提醒，智能提醒。大家都知道onkeydown，onkeypress，onkeyup的在监听中文输入法或者右键粘贴的时候都存在一些弊端，不是那么完美。

Demo：

Html5提供了一个标准事件oninput和IE的专属事件onpropertychange事件来监听输入值的变化。

<html>
<head>
    <title>搜索</title>
</head>
<body>
<input type="text" id="search_input">
<span id="inputorp_s"></span>

<script src="./jquery.js"></script>
<script>
    $(function () {
        //判断浏览器是IE?
        if (navigator.userAgent.indexOf("MSIE") != -1) {
            $('#search_input').bind('propertychange', getSmartTips);
        } else {
            $('#search_input').bind('input', getSmartTips);
        }
    });

    function getSmartTips() {
        $('#inputorp_s').text($(this).val());
        //todo:用ajax去后台拿智能联想数据
    }
</script>
</body>
</html>

转载于:https://www.cnblogs.com/tonyzeng/p/5650256.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

anjueyin4591

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
实时监听input标签输入实时监听文本框输入避免中文输入法无法触发onkeyup事件的问题...

前言：对于实时监听输入，这种需求大多数都是用于一个联想字提醒，智能提醒。大家都知道onkeydown，onkeypress，onkeyup的在监听中文输入法或者右键粘贴的时候都存在一些弊端，不是那么完美。Demo：Html5提供了一个标准事件oninput和IE的专属事件onpropertychange事件来监听输入值的变化。<html><hea...
复制链接

扫一扫