Feliz: कुंजी प्रेस ईवेंट से आसानी से जुड़ने के लिए KeyboardEvent अच्छाई जोड़ें

को निर्मित 2 नव॰ 2019 · 6टिप्पणियाँ · स्रोत: Zaid-Ajaj/Feliz

मैं कुंजीपटल घटनाओं से जुड़ने का एक अच्छा तरीका जोड़ने की सोच रहा था, निम्न की तरह कुछ वास्तव में शानदार होगा:

परिदृश्य 1: एक ही प्रमुख घटना (सबसे आम उपयोग-मामला) से जुड़ना

Html.input [
    prop.onKeyUp(key.enter, fun _ -> dispatch Login)
    prop.onChange (UsernameChanged >> dispatch)
    prop.valueOrDefault state.Username
]

परिदृश्य 2.1: एकाधिक कुंजियों से बाइंड

Html.input [
    prop.onKeyUp [ key.enter, fun _ -> dispatch Login ]
    prop.onChange (UsernameChanged >> dispatch)
    prop.valueOrDefault state.Username
]

परिदृश्य 2.2: एकाधिक कुंजियों से बाइंड

Html.input [
    prop.onKeyUp(dispatch, [ key.enter, Login; key.esc, Reset ])
    prop.onChange (UsernameChanged >> dispatch)
    prop.valueOrDefault state.Username
]

यह पकड़ने के लिए है! पीआर का बहुत-बहुत स्वागत है, मुझे और अन्य योगदानकर्ताओं को बताएं कि क्या आप इस पर ध्यान देना चाहते हैं

Feliz good first issue help wanted

स्रोत

Zaid-Ajaj

👍1

सभी 6 टिप्पणियाँ

ओह, अच्छा, मुझे पसंद है कि आप कैसा सोच रहे हैं!

IMHO Key Keys , यानी Key.Enter बनाम Keys.Enter से बेहतर पढ़ता है।

cmeeren 2 नव॰ 2019

@cmeeren आप सही हैं, इसे सुसंगत रखने के लिए, हम मॉड्यूल के लिए एक विलक्षण शब्द का उपयोग कर रहे हैं prop , style और key (लोअर-केस) एक स्वाभाविक जोड़ होगा मैं

Zaid-Ajaj 2 नव॰ 2019

हां, हालांकि मैंने देखा है कि हमारे पास colors और अब fonts ... बदलने पर विचार करने के लिए कुछ है। :)

cmeeren 2 नव॰ 2019

@cmeeren ने #95 . पर colors और fonts बारे में एक मुद्दा बनाया

प्रस्ताव का शोधन

परिदृश्य 2.2 बाकी ईवेंट हैंडलर्स के साथ असंगत है क्योंकि इसका मतलब है कि हमें onClick(dispatch, Login) को भी लागू करना चाहिए और सबसे अधिक संभावना है कि हम ऐसा नहीं करेंगे (फीडबैक और चर्चा का स्वागत है)

परिदृश्य 1 और परिदृश्य 2 के लिए, वहां के ईवेंट हैंडलर्स को KeyboardEvent को लैम्ब्डा (कुंजी के साथ) के तर्क के रूप में स्वीकार करना चाहिए। यानी कीबोर्ड ईवेंट ओवरलोड ले लेंगे:

KeyboardEvent -> unit // default
IKeyboardKey * (KeyboardEvent -> unit) // scenario 1
(IKeyboardKey * (KeyboardEvent -> unit)) list // scenario 2

Zaid-Ajaj 2 नव॰ 2019

मुझे ठीक लगता है। सबूत हलवा में है, यद्यपि। आइए देखें कि यह उपयोग में कैसा लगता है। :)

cmeeren 2 नव॰ 2019

🚀1

कीबोर्ड अच्छाई जोड़ा गया:

// Enter only
prop.onKeyUp (key.enter, fun _ -> dispatch Login)
// Enter + CTRL
prop.onKeyUp (key.ctrl(key.enter), fun _ -> dispatch Login)
// Enter + SHIFT
prop.onKeyUp (key.shift(key.enter), fun _ -> dispatch Login)
// Enter + CTRL + SHIFT
prop.onKeyUp (key.ctrlAndShift(key.enter), fun _ -> dispatch Login)

Zaid-Ajaj 20 मार्च 2020

🚀1

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Feliz: कुंजी प्रेस ईवेंट से आसानी से जुड़ने के लिए KeyboardEvent अच्छाई जोड़ें

परिदृश्य 1: एक ही प्रमुख घटना (सबसे आम उपयोग-मामला) से जुड़ना

परिदृश्य 2.1: एकाधिक कुंजियों से बाइंड

परिदृश्य 2.2: एकाधिक कुंजियों से बाइंड

सभी 6 टिप्पणियाँ

प्रस्ताव का शोधन

संबंधित मुद्दों