最近在修改html代码,有个需求就是电脑端输入框输入文字后,按键盘回车键可以进行搜索。实力不允许直接写,只好网上找了下方法,结果发现不止一种方式可以实现。这里做个记录。

方法一

html代码:

<input type="text" id="searchInput" name="searchInput"  placeholder="关键词">

js代码:

$('#searchInput').bind('keypress', function (event) {
    if (event.keyCode == "13") {
        console.log('OK');
    }
});

方法二

hmtl代码:

<input type="text" id="searchInput" name="searchInput"  placeholder="关键词" onkeydown="entersearch()">

js代码:

function entersearch() {
    if (event.keyCode == "13") {
        console.log('OK');
    }
};

方法三

js代码:

$("#searchInput").keypress(function (e) {
    if (e.which == 13) {
        console.log('OK');
    }
});

本文来源于腾讯云官方小程序培训营

在数据绑定章节,我们已经掌握如何把data里面的数据渲染到页面,这一部分我们会介绍如何通过点击组件绑定的事件处理函数来修改data里面的数据,如何把事件处理函数获取到的数据打印到页面。

将变量值渲染到页面

还记得我们之前在控制台打印的Date对象、Math对象、字符串String对象以及常量么?在第一节里我们把这些对象赋值给了一个变量,然后通过控制台可以把这些值给console.log()打印出来,那这些值可不可以渲染到小程序的页面上呢?答案是肯定的。

- 阅读剩余部分 -

本文来源于腾讯云官方小程序培训营

事件是视图层到逻辑层的通信方式,当我们点击tap触摸touch长按longpress小程序绑定了事件的组件时,就会触发事件,执行逻辑层中对应的事件处理函数。

小程序框架的视图层由 WXML 与 WXSS 来编写的,由组件来进行展示。将逻辑层的数据反应成视图,同时将视图层的事件发送给逻辑层。逻辑层将数据进行处理后发送给视图层,同时接受视图层的事件反馈。

- 阅读剩余部分 -

本文来源于腾讯云官方小程序培训营

JavaScript是目前世界上最流行的编程语言之一,它也是小程序开发最重要的基础语言。要做出一个功能复杂的小程序,除了需要掌握JavaScript的基本语法,还要了解如何使用JavaScript来操作小程序(通过API接口)。

- 阅读剩余部分 -