Maison > interface Web > js tutoriel > JCALCULATEUR

JCALCULATEUR

Susan Sarandon
Libérer: 2025-01-01 10:06:11
original
533 Les gens l'ont consulté

JCALCULATEUR

(fonction(fenêtre, $, non défini) {
(fonction() {
var VERSION = '1.0',
pluginName = 'calculatrice',
autoInitSelector = '.calculateur-ici',
$body, $calculatorsContainer,
conteneurBuilt = faux,
baseTemplate = ''
'

'
''
''
'',
valeurs par défaut = {
 displayMode : 'étendu',
            showIcon : faux,
            icône : 'fa-calculatrice',
            position : 'en bas à gauche',
            texteAlignement : 'rtl',
            thème : 'matériel',
            style de bouton : nul,
            showMethod : 'cliquez',
            showEvent : 'focus',
            décalage: 12,
            clavierNav : vrai,
            clearKey : nul,
            plsmnsKey : nul,
            percKey : nul,
            readOnly : vrai,

            cours : '',
            en ligne : faux,
            fermeture automatique : faux,
            // IDcalc : nul,

            // événements
            onInput : fonction() {},
            onResult : fonction() {},
            surSélection : ',
            onShow : ',
            onMasquer : ',
        },

        calculatrice;

    var Calculatrice = fonction (el, options) {
        this.el = el;
        this.$el = $(el);

        this.opts = $.extend(true, {}, valeurs par défaut, options, this.$el.data());

        si ($body === non défini) {
            $corps = $('corps');
        }

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

        this.inited = faux ;
        this.visible = faux;
        this.silent = faux ; // Nécessité d'éviter un rendu inutile

        this.keys = [];



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

    calculatrice = Calculatrice ;

    calculatrice.prototype = {
        VERSION : VERSION,
        init : fonction() {


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

            si (this.elIsInput) {
                si (!this.opts.inline) {
                    // Définir des classes supplémentaires pour des transitions appropriées
                    this._setPositionClasses(this.opts.position);
                    this._bindEvents()
                }

                this.$calculator.on('mousedown', this._onMouseDownCalculator.bind(this));
                this.$calculator.on('mouseup', this._onMouseUpCalculator.bind(this));
            }




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

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

            this.inited = vrai;
        },

        /*
        Reliure au clavier

         */

        _bindKeyboardEvents : fonction() {
            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 : fonction(e) {
            var code = e. which;
            this._registerKey(code);

            si ((code >= 96 && code 
<p>})(fenêtre, jQuery);</p>


          

            
        
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal