Angular.js: ์ˆ˜๋™ ์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ์— ๋Œ€ํ•œ ์ง€์› ์ถ”๊ฐ€ ๊ณ ๋ ค

์— ๋งŒ๋“  2017๋…„ 04์›” 07์ผ  ยท  4์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: angular/angular.js

์ œ์ถœํ•ฉ๋‹ˆ๋‹ค...

  • [x] ๋ฒ„๊ทธ ๋ณด๊ณ ์„œ
  • [ ] ๊ธฐ๋Šฅ ์š”์ฒญ
  • [ ] ๊ธฐํƒ€ (์—ฌ๊ธฐ์— ์ง€์› ์š”์ฒญ์„ ์ œ์ถœํ•˜์ง€ ๋งˆ์‹ญ์‹œ์˜ค(์œ„ ์ฐธ์กฐ))

ํ˜„์žฌ ํ–‰๋™:
์Šคํฌ๋กค ์ฐจ๋‹จ 'touchmove' ์ด๋ฒคํŠธ์— ๋น„์ˆ˜๋™ ์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ๋ฅผ ์ถ”๊ฐ€ํ–ˆ์Šต๋‹ˆ๋‹ค. ํŽ˜์ด์ง€์˜ ์‘๋‹ต์„ฑ์„ ๋†’์ด๋ ค๋ฉด ์ด๋ฒคํŠธ ํ•ธ๋“ค๋Ÿฌ๋ฅผ '์ˆ˜๋™'์œผ๋กœ ํ‘œ์‹œํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค.

์˜ˆ์ƒ/์ƒˆ๋กœ์šด ๋™์ž‘:
์ˆ˜๋™ ์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ๋Š” ๊ฐœ๋ฐœ์ž๊ฐ€ ํ„ฐ์น˜ ๋ฐ ํœ  ์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ๋ฅผ ์ฐจ๋‹จํ•˜๊ธฐ ์œ„ํ•ด ์Šคํฌ๋กคํ•  ํ•„์š”๊ฐ€ ์—†๋„๋ก ํ•จ์œผ๋กœ์จ ๋” ๋‚˜์€ ์Šคํฌ๋กค ์„ฑ๋Šฅ์„ ์„ ํƒํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜๋Š” DOM ์‚ฌ์–‘์˜ ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ์ž…๋‹ˆ๋‹ค. ๊ฐœ๋ฐœ์ž๋Š” {passive: true}๋กœ ํ„ฐ์น˜ ๋ฐ ํœ  ๋ฆฌ์Šค๋„ˆ์— ์ฃผ์„์„ ์ถ”๊ฐ€ํ•˜์—ฌ preventDefault๋ฅผ ํ˜ธ์ถœํ•˜์ง€ ์•Š์„ ๊ฒƒ์ž„์„ ๋‚˜ํƒ€๋‚ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ๊ธฐ๋Šฅ์€ Chrome 51, Firefox 49 ๋ฐ WebKit์— ํฌํ•จ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์ „์ฒด ๊ณต์‹ ์„ค๋ช…์€ ์—ฌ๊ธฐ๋ฅผ ์ฐธ์กฐํ•˜์„ธ์š”.

์ง€์นจ์— ๋”ฐ๋ฅธ ๋ฌธ์ œ ์žฌํ˜„ ์ตœ์†Œํ™”:

๊ฐ๋„ ๋ฒ„์ „: 1.6.4

๋ธŒ๋ผ์šฐ์ €: ํฌ๋กฌ 59

๊ธฐํƒ€:
http://stackoverflow.com/questions/39152877/consider-marking-event-handler-as-passive-to-make-the-page-more-responsive

misc core moderate won't fix inconvenient feature

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

์•ˆ๋…•ํ•˜์„ธ์š”, ์ œ์•ˆ์— ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค. ์ด ๋™์ž‘์€ ์‚ฌ์–‘(https://dom.spec.whatwg.org/#dictdef-eventlisteneroptions)์— ์žˆ์ง€๋งŒ IE/Edge ๋ฐ Safari์—์„œ๋Š” ์ง€์›์ด ๋ถ€์กฑํ•ฉ๋‹ˆ๋‹ค. ์˜ต์…˜ ๊ฐœ์ฒด๋ฅผ ์ง€์›ํ•˜์ง€ ์•Š๋Š” ๋ธŒ๋ผ์šฐ์ €์—์„œ ๋ฌด์‹œํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์—ฌ๊ธฐ์—์„œ ์˜ˆ์™ธ๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค๊ณ  ๊ฐ€์ •ํ•ฉ๋‹ˆ๋‹ค. ๋งž์Šต๋‹ˆ๊นŒ?

๋ชจ๋“  4 ๋Œ“๊ธ€

์•ˆ๋…•ํ•˜์„ธ์š”, ์ œ์•ˆ์— ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค. ์ด ๋™์ž‘์€ ์‚ฌ์–‘(https://dom.spec.whatwg.org/#dictdef-eventlisteneroptions)์— ์žˆ์ง€๋งŒ IE/Edge ๋ฐ Safari์—์„œ๋Š” ์ง€์›์ด ๋ถ€์กฑํ•ฉ๋‹ˆ๋‹ค. ์˜ต์…˜ ๊ฐœ์ฒด๋ฅผ ์ง€์›ํ•˜์ง€ ์•Š๋Š” ๋ธŒ๋ผ์šฐ์ €์—์„œ ๋ฌด์‹œํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์—ฌ๊ธฐ์—์„œ ์˜ˆ์™ธ๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค๊ณ  ๊ฐ€์ •ํ•ฉ๋‹ˆ๋‹ค. ๋งž์Šต๋‹ˆ๊นŒ?

๋‹น์‹  ๋ง์ด ๋งž์•„!

๊ฐœ์ฒด๋Š” ๋ฌด์‹œ๋  ์ˆ˜ ์žˆ์ง€๋งŒ useCapture ๋ฅผ true๋กœ ์„ค์ •ํ•˜๋Š” ์˜ต์…˜ ๊ฐœ์ฒด๋ฅผ ์ง€์›ํ•˜์ง€ ์•Š๋Š” ๋ธŒ๋ผ์šฐ์ €์˜ ๊ฒฝ์šฐ ์ง„์‹ค ๊ฐ’์œผ๋กœ ํ•ด์„๋ฉ๋‹ˆ๋‹ค.

์ด ์˜๊ฒฌ์„ ๊ธฐ๋ฐ˜์œผ๋กœ https://github.com/angular/angular.js/pull/16026#issuecomment -305763416, ์ด๊ฒƒ์€ ๊ฐ€๊นŒ์šด ๋ฏธ๋ž˜์— ๋Œ€ํ•œ ์ˆ˜์ • ์‚ฌํ•ญ์ž…๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰