How do I press and drag the control key?

[bso-oo]

First check https://github.com/SortableJS/Vue.Draggable/blob/master/CONTRIBUTING.md

Jsfiddle link

Step by step scenario

Actual Solution

Expected Solution

I want to block the default click and make it possible only when I drag and hold down the control key.

<draggable :list="plates" @end="checkPreventElementMove "> <transition-group class="ma-6"> <li v-bind:class="[flag96 ? 'plate-list-96' : 'plate-list-384']" @click="placeAssay(props)" :style="props.backgroundColor ? {border: '3px solid '+props.backgroundColor} : {border: '1px solid #000'}" v-for='(props, idx) in plates' :key="props.wellPosition+idx"> <div>{{props.wellPosition}}</div> <div v-if="props.placed"> <div v-if="props.negativeControl">{{props.assayNum}} NTC</div> <div v-else>{{props.sampleNum}}</div> </div> </li> </transition-group> </draggable>