>  기사  >  웹 프론트엔드  >  vuejs의 초점 상실 이벤트는 무엇입니까?

vuejs의 초점 상실 이벤트는 무엇입니까?

青灯夜游
青灯夜游원래의
2021-09-27 19:28:4611290검색

vuejs의 포커스 손실 이벤트는 "@blur"입니다. 이 이벤트는 요소가 포커스를 잃을 때 트리거됩니다. 사용 방법: 이벤트를 바인딩하려면 태그 템플릿에 "@blur="event handler"" 문을 추가하세요. JavaScript를 사용하여 이벤트가 트리거될 때 실행되어야 하는 코드만 설정합니다.

vuejs의 초점 상실 이벤트는 무엇입니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, vue 버전 2.9.6, DELL G3 컴퓨터.

@blur는 요소가 포커스를 잃을 때 트리거되는 이벤트입니다. @blur 是当元素失去焦点时所触发的事件

@focus

@focus는 요소가 포커스를 얻을 때 트리거되는 이벤트입니다.

예:

 <template>
  <div>
    <!--
    @blur 当元素失去焦点时触发blur事件
    -->
    <div>
      <input type="text" placeholder="请输入内容" @blur="blurText"/>
    </div>
 
  </div>
</template>
 
<script>
    export default {
      name: "commitText",
      methods:{
        blurText(){
          console.log("blur事件被执行了")
        }
      }
    }
</script>
 
<style scoped>
 
</style>
관련 권장 사항: "vue.js 튜토리얼

"🎜

위 내용은 vuejs의 초점 상실 이벤트는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:vuejs는 API인가요?다음 기사:vuejs는 API인가요?