diff --git a/src/plugins/qmljseditor/qmljshighlighter.cpp b/src/plugins/qmljseditor/qmljshighlighter.cpp
index 6ce661db5d42ab961e2d118f2c821df1d7ef42f8..a4dc4f05c094ab971fb7b7d9d53033e18ca56b91 100644
--- a/src/plugins/qmljseditor/qmljshighlighter.cpp
+++ b/src/plugins/qmljseditor/qmljshighlighter.cpp
@@ -146,7 +146,10 @@ void Highlighter::highlightBlock(const QString &text)
                 }
 
                 if (index + 1 < tokens.size()) {
-                    if (tokens.at(index + 1).is(Token::LeftBrace) && text.at(token.offset).isUpper()) {
+                    const Token &nextToken = tokens.at(index + 1);
+                    if (text.at(token.offset).isUpper()
+                        && (nextToken.is(Token::LeftBrace)
+                            || text.midRef(nextToken.offset, nextToken.length) == QLatin1String("on"))) {
                         setFormat(token.offset, token.length, m_formats[TypeFormat]);
                     } else if (index == 0 || checkStartOfBinding(tokens.at(index - 1))) {
                         const int start = index;
@@ -240,6 +243,8 @@ bool Highlighter::maybeQmlKeyword(const QStringRef &text) const
         return true;
     } else if (ch == QLatin1Char('i') && text == QLatin1String("import")) {
         return true;
+    } else if (ch == QLatin1Char('o') && text == QLatin1String("on")) {
+        return true;
     } else {
         return false;
     }