问题

I'm trying to know if the shift key is being pressed when clicking a checkbox (I'm using Svelte). I need a store that will be updated in "real time" according to the state of the shift key.

我正在尝试确定在单击复选框时是否按下了Shift键（我正在使用Svelte）。我需要一个存储库，根据Shift键的状态实时更新。

I have a property in a store.ts file:

我在store.ts文件中有一个属性：

export let is_shift_pressed = writable(false)

In the <script> tag of my Svelte component:

在我的Svelte组件的<script>标签中：

import { is_shift_pressed } from './stores/store';

window.addEventListener('click', async function (e) {
   // e.shiftKey has always the correct value that I expect
   is_shift_pressed.set(e.shiftKey);
   // but the store is late of 1 click
});

I have a checkbox:

我有一个复选框：

<input type=&quot;checkbox&quot; on:click={checkboxClicked}/>

When the checkbox is clicked, I try to display the value of the store. It should be equal to the value of e.shiftKey at the moment when the store was updated.

当单击复选框时，我尝试显示存储库的值。它应该等于存储库更新时的e.shiftKey的值。

function checkboxClicked(){
   console.log(shiftPressed)
   // prints the value of the previous click
}

export let is_shift_pressed = writable(false)

import { is_shift_pressed } from './stores/store';

window.addEventListener('click', async function (e) {
   // e.shiftKey has always the correct value that I expect
   is_shift_pressed.set(e.shiftKey);
   // but the store is late of 1 click
});

<input type="checkbox" on:click={checkboxClicked}/>

function checkboxClicked(){
   console.log(shiftPressed)
   // prints the value of the previous click
}

答案1

得分: 0

只要查找传递给您的点击处理程序的event中的Shift键：

	function checkboxClicked(evt){
		 console.log("Clicked", evt.shiftKey);
	}

function checkboxClicked(evt){
	 console.log("Clicked", evt.shiftKey);
}