jcalculator是一款输入框弹出计算器计算输入的jquery插件

jcalculator是一款输入框弹出计算器计算输入的jquery插件

jcalculator是一款输入框弹出计算器计算输入的jquery插件,点击输入框可弹出计算器,点击数字进行计算可将计算结果输入到输入框。

使用方式:

第一步引入css及js

<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/jcalculator.css">
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jcalculator.js"></script>

第二步配置参数

准备dom

<input id="testinput" type="text" />

$(document).ready(function() {                       
   $('#testinput').calculator();
});

完整代码如下:

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">

    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/jcalculator.css">

</head>


<body>

    <input id="testinput" type="text" placeholder="click here to see the magic" />


    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script>

    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jcalculator.js"></script>

    <script type="text/javascript">
        $(document).ready(function() {                       
    
            $('#testinput').calculator();
    
          });
    </script>

</body>



</html>



立即下载jcalculator.js查看所有js插件

网友评论0

程序员在线工具箱