|
選單
×
×
正確！
練習提供正確的程式碼，使 <div> 元素在右鍵點選時改變顏色。 另外，新增程式碼以阻止在右鍵點選網頁時出現的預設下拉選單。 <div id="app"> <div v-on:click.@(13)="changeColor" v-bind:style="{backgroundColor:'hsl('+bgColor+',80%,80%)'}"> <p>在此處按下滑鼠右鍵。</p> </div> </div> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> <script> const app = Vue.createApp({ data() { return { bgColor: 0 } }, methods: { changeColor() { this.bgColor+=50 } } }) app.mount('#app') </script>
<div id="app"> <div v-on:click.right.prevent="changeColor" v-bind:style="{backgroundColor:'hsl('+bgColor+',80%,80%)'}"> <p>在此處按下滑鼠右鍵。</p> </div> </div> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> <script> const app = Vue.createApp({ data() { return { bgColor: 0 } }, methods: { changeColor() { this.bgColor+=50 } } }) app.mount('#app') </script> 不正確點選這裡 重新嘗試。 正確！下一個 ❯ |
這將重置所有 54 個練習的分數。
您確定要繼續嗎？