如何使用jQuery中的方法拼接DOM並新增焦點事件

2019-12-12 12:12:56

在使用ES6中新加的字串方法和特性時，原來拼接字串使用多個加號和雙引號（單引號），現在可以使用模板字串；如果想要在拼接DOM元素時，為輸入框新增失去焦點事件函數。下面利用範例說明，操作如下：

第一步，雙擊開啟HBuilderX工具，新建一個靜態頁面並引入jQuery，在主體標籤中插入一個div標籤，如下圖所示：

第二步，在<script></script>標籤內，利用jQuery初始化拼接一個字串，如下圖所示：

第三步，使用empty()方法和append()方法，將字串新增到div元素中，如下圖所示：

第四步，儲存程式碼並執行檔案，可以發現控制台下列印出現報錯，如下圖所示：

第五步，在拼接字串的輸入框新增一個onblur()，這個是失去焦點事件，如下圖所示：

第六步，在script標籤下面，定義一個函數事件computeNum，如下圖所示：