{"id":3160,"date":"2016-07-05T09:05:47","date_gmt":"2016-07-05T09:05:47","guid":{"rendered":"https:\/\/kiencang.net\/?p=3160"},"modified":"2016-07-05T09:05:47","modified_gmt":"2016-07-05T09:05:47","slug":"cac-su-kien-trong-javascript","status":"publish","type":"post","link":"https:\/\/kiencang.net\/cac-su-kien-trong-javascript\/","title":{"rendered":"C\u00e1c s\u1ef1 ki\u1ec7n trong JavaScript"},"content":{"rendered":"\n
C\u00e1c s\u1ef1 ki\u1ec7n trong HTML l\u00e0 “c\u00e1i g\u00ec \u0111\u00f3” x\u1ea3y ra v\u1edbi ph\u1ea7n t\u1eed HTML.<\/p>\n\n\n\n
Khi JavaScript \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng trong trang HTML, Javascript c\u00f3 th\u1ec3 “ph\u1ea3n \u1ee9ng”<\/strong> l\u1ea1i c\u00e1c s\u1ef1 ki\u1ec7n n\u00e0y.<\/p>\n\n\n\n M\u1ed9t s\u1ef1 ki\u1ec7n trong HTML c\u00f3 th\u1ec3 l\u00e0 c\u00e1i g\u00ec \u0111\u00f3 do tr\u00ecnh duy\u1ec7t t\u1ea1o ra ho\u1eb7c do ng\u01b0\u1eddi d\u00f9ng t\u1ea1o.<\/p>\n\n\n\n D\u01b0\u1edbi \u0111\u00e2y l\u00e0 m\u1ed9t v\u00e0i v\u00ed d\u1ee5 v\u1ec1 s\u1ef1 ki\u1ec7n trong HTML:<\/p>\n\n\n\n Th\u01b0\u1eddng, khi s\u1ef1 ki\u1ec7n x\u1ea3y ra, b\u1ea1n c\u00f3 th\u1ec3 mu\u1ed1n l\u00e0m \u0111i\u1ec1u g\u00ec \u0111\u00f3.<\/p>\n\n\n\n JavaScript c\u00f3 th\u1ec3 gi\u00fap b\u1ea1n th\u1ef1c thhi \u0111o\u1ea1n code khi c\u00e1c s\u1ef1 ki\u1ec7n \u0111\u01b0\u1ee3c ghi nh\u1eadn c\u00f3 m\u1eb7t.<\/p>\n\n\n\n HTML cho ph\u00e9p s\u1ef1 ki\u1ec7n x\u1eed l\u00fd thu\u1ed9c t\u00ednh, v\u1edbi \u0111o\u1ea1n m\u00e3 JavaScript, \u0111\u01b0\u1ee3c th\u00eam v\u00e0o trong ph\u1ea7n t\u1eed HTML.<\/p>\n\n\n\n V\u1edbi d\u1ea5u nh\u00e1y \u0111\u01a1n:<\/p>\n\n\n\n V\u1edbi d\u1ea5u nh\u00e1y k\u00e9p:<\/p>\n\n\n\n Trong v\u00ed d\u1ee5 ti\u1ebfp theo, m\u1ed9t thu\u1ed9c t\u00ednh onclick (v\u1edbi code), th\u00eam m\u1ed9t ph\u1ea7n t\u1eed n\u00fat b\u1ea5m:<\/p>\n\n\n\n K\u1ebft qu\u1ea3:<\/p>\n\n\n\n <\/p>\n
\n\n\n\nC\u00e1c s\u1ef1 ki\u1ec7n HTML<\/h2>\n\n\n\n
<some-HTML-element some-event='some JavaScript'><\/code><\/pre>\n\n\n\n
<some-HTML-element some-event=\"some JavaScript\"><\/code><\/pre>\n\n\n\n
V\u00ed d\u1ee5<\/h3>\n\n\n\n
<button onclick='getElementById(\"demo\").innerHTML=Date()'>Th\u1eddi gian l\u00e0?<\/button><\/code><\/pre>\n\n\n\n