使用jQuery监听input

最新推荐文章于 2023-10-06 12:00:30 发布

原创最新推荐文章于 2023-10-06 12:00:30 发布 · 976 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

js 专栏收录该内容

6 篇文章

订阅专栏

博客内容直接表明要展示代码，未提及其他关键信息。

废话不多说，直接上代码。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>监听input</title>
    <script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
</head>
<body>

金额：<input type="text" id='othre'/>
<hr />
<div id='sxf'>手续费: <span></span></div>

<script type="text/javascript">
    $(function(){
        $("#othre").bind('input propertychange',function(){
            $("#sxf span").text($(this).val()*0.006);
        });
    });
</script>
</body>

</html>