Maison > interface Web > js tutoriel > Chargement et exécution de css et js (avec code)

Chargement et exécution de css et js (avec code)

不言
Libérer: 2019-03-15 14:05:13
avant
2013 Les gens l'ont consulté

Le contenu de cet article concerne le chargement et l'exécution de css et js (avec code). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Exigences

Supposons qu'il existe un itinéraire /news, /login écoute les événements du clavier et ne peut être valide que dans la page /news, peu importe à quelle page il accédera plus tard, il ne le fera pas. Le déclenchement de l'événement clavier correspondant ne peut être déclenché que dans /news

Problème

Avant d'entrer /news, appuyez sur les touches de le clavier ne déclenchera pas l'événement. Après avoir entré /news, que vous appuyiez ou non sur les touches du clavier, si vous passez à une autre page et appuyez sur les touches du clavier, l'événement

code

srcviewsnews.vue

sera déclenché
<template>
  <div>
    news
  </div>
</template>

<script>
export default {
  data() {
    return {
      flag: true, //底部图片列表显示隐藏
      name: "aa"
    };
  },
  methods: {
    keyLeft() {
      alert(this.name);
    },
    keyUp() {
      alert("向上方向键");
    },
    keyRight() {
      alert("向右方向键");
    },
    keyDown() {
      alert("向下方向键");
    },
    keys() {
      var that = this;
      document.onkeydown = function(e) {
        let key = window.event.keyCode;
        if (key == 37) {
          that.keyLeft();
        } else if (key == 38) {
          that.keyUp();
          return false; //有上下滚动条的时候,不向上滚动
        } else if (key == 39) {
          that.keyRight();
        } else if (key == 40) {
          that.keyDown();
          return false; //有上下滚动条的时候,不向上滚动
        }
      };
    }
  },
  created() {
    if (this.flag == true && this.$route.path == "/news") {
      this.keys();
    }
  },
  mounted() {}
};
</script>
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!

Étiquettes associées:
source:segmentfault.com
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal