Question

当我想将我的函数提取到html中的脚本时，我遇到了问题。如果这样写的话就可以了：

<input type="text" id="myInput" 
        onkeypress="return confirm('Are you sure you want to delete this item?');"
        placeholder="Search for manufacturers.." />

但是如果我尝试将它作为这样的脚本中的函数，它就不会执行：

<input type="text" id="myInput" 
        onkeypress="myFunction()"
        placeholder="Search for manufacturers.." />

功能：

<script th:inline="javascript">
/*<![CDATA[*/
    function myFunction() {
    alert("You pressed a key inside the input field");
/*]]>*/
</script>

Answer 1

你有一个小错字。

没有关闭功能

<script th:inline="javascript">
/*<![CDATA[*/
    function myFunction() {
        alert("You pressed a key inside the input field");
    }
/*]]>*/
</script>

Answer 2

如果您正在使用弹簧靴进行开发，请检查此项。您是否在application.properties上设置了此spring.thymeleaf.mode=LEGACYHTML5 只需将application.properties中的配置更改为spring.thymeleaf.mode=HTML5或默认删除

#spring.thymeleaf.mode=LEGACYHTML5

Thymeleaf模板不使用内联JS

2 个答案: