我有一个两个输入的形式。其中之一是进行文字输入和另一个用于提交,就像一个按钮。我加在图标提交一个,我想改变它的点击。
<input class="searchBtn" id="submit" name="submit" type="submit" value="">
$(document).ready(function() {
'use strict';
$(".searchInput").on("click", function () {
$(".searchBtn").attr("value", "")
})
})
第一个图标正常工作与Unicode值,但是当我点击它显示
,而不是它是unicode的图标。
这里的解决方案(使用序列\u
逃跑):
$(document).ready(function() {
'use strict';
$(".search-btn").on("click", evt => {
$(evt.target).attr("value", "\uf105");
})
})
@charset "UTF-8";
.search-btn {
font-family: "FontAwesome";
}
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input class="search-btn" id="submit" name="submit" type="submit" value="">