J電卓

Susan Sarandon
リリース: 2025-01-01 10:06:11
オリジナル
533 人が閲覧しました

J電卓

(関数(ウィンドウ, $, 未定義) {
(関数() {
var VERSION = '1.0',
pluginName = '電卓',
autoInitSelector = '.calculator-here',
$body、$calculatorsContainer、
コンテナ構築 = false,
BaseTemplate = ''
'

'
''
''
''、
デフォルト = {
 表示モード: '拡張',
            showIcon: false、
            アイコン: 'fa-電卓'、
            位置: '左下'、
            textAlignment: 'rtl',
            テーマ:「素材」、
            buttonStyle: null、
            showMethod: 'クリック',
            showEvent: 'フォーカス',
            オフセット: 12、
            キーボードナビ: true、
            クリアキー: null、
            plsmnsKey: null、
            percKey: null、
            読み取り専用: true、

            クラス: ''、
            インライン: false、
            自動クローズ: false、
            // 計算ID: null,

            // イベント
            onInput: function() {}、
            onResult: function() {}、
            onSelect: '',
            onShow: ''、
            非表示: '',
        }、

        電卓;

    var Calculator = function(el, options) {
        this.el = el;
        this.$el = $(el);

        this.opts = $.extend(true, {}, デフォルト, オプション, this.$el.data());

        if ($body === 未定義) {
            $body = $('body');
        }

        if (this.el.nodeName == 'INPUT') {
            this.elIsInput = true;
        }

        this.inited = false;
        this.visible = false;
        this.silent = false; // 不要なレンダリングを防ぐ必要がある

        this.keys = [];



        // this._createShortCuts();
        this.init()
    };

    電卓 = 電卓;

    電卓.プロトタイプ = {
        バージョン: バージョン、
        init: function() {


            if (!containerBuilt && !this.opts.inline && this.elIsInput) {
                this._buildCalculatorsContainer();
            }
            this._buildBaseHtml();

            if (this.elIsInput) {
                if (!this.opts.inline) {
                    // 適切な遷移のために追加のクラスを設定します
                    this._setPositionClasses(this.opts.position);
                    this._bindEvents()
                }

                this.$calculator.on('mousedown', this._onMouseDownCalculator.bind(this));
                this.$calculator.on('マウスアップ', this._onMouseUpCalculator.bind(this));
            }




            if (this.opts.classes) {
                this.$calculator.addClass(this.opts.classes)
            }

            if (this.opts.keyboardNav) {
                this._bindKeyboardEvents();
            }
            // this.opts.calcID = 'jCalc_' Math.floor(Math.random() * 10000000 10000);
            new $.fn.calculator.Body(this, '', this.opts);

            this.inited = true;
        }、

        /*
        キーボードバインディング

         */

        _bindKeyboardEvents: function() {
            this.$el.on('keydown.adp', this._onKeyDown.bind(this));
            this.$el.on('keyup.adp', this._onKeyUp.bind(this));
            this.$el.on('hotKey.adp', this._onHotKey.bind(this));
        }、


        _onKeyDown: 関数(e) {
            var code = e.that;
            this._registerKey(コード);

            if ((コード >= 96 && コード 
<p>})(ウィンドウ、jQuery);</p>


          

            
        
ログイン後にコピー

以上がJ電卓の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート