javascript - 是否可以将 keyup 功能替换为按钮单击功能?
问题描述
我只是js的初学者。我正在尝试将 keyup 功能更改为按钮功能。谁能帮忙?这是代码,
<textarea id="demo"></textarea>
<script src='https://code.jquery.com/jquery-3.5.1.min.js'>
<script>$("#demo").bind("keyup", function() {
var text = $(this).val();
text = text.replace("good", "sweet")
text = text.replace("night", "dreams")
$(this).val(text); });</script>
解决方案
您可以简单地添加一个带有 id 或类的按钮并将其绑定到事件,例如:
$("#button").bind("click", function() {
var text = $("#demo").val();
text = text.replace("good", "sweet")
text = text.replace("night", "dreams")
$("#demo").val(text);
});
$("#button").bind("click", function() {
var text = $("#demo").val();
text = text.replace("good", "sweet")
text = text.replace("night", "dreams")
$("#demo").val(text);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<textarea id="demo"></textarea>
<button id="button">click me</button>
推荐阅读
- javascript - Vue.js 中 setInterval 的功能
- java - 编年史队列上的 StreamCorruptedException 使队列无法使用
- python - 为 9 Men Morris 游戏运行 Github 代码时出现 AttributeError
- firebase - 更新 Firestore 集合中的所有文档,但基于创建日期的预定义数字除外
- apache - 特定位置的 Nginx 证书认证
- python - 如何从csv中删除特定行?
- swift - 为什么我不能在我的 Swift 项目中访问我的视图控制器的委托属性?
- webforms - 网络表单中的 reCaptcha3 集成
- reactjs - threejs + vanilla js 和 react-three-fiber + create-react-app 的颜色差异
- python - 解析混合数据类型矩阵日志文件