微信小程序 按钮事件 bindtap 绑定事件 长按属性
有勇气的牛排
333
微信开发
2024-07-19 22:35:53
1 bindtap 绑定事件
<button bindtap='jump_page'>实现跳转页面</button>
jump_page() {
wx.navigateTo({
url: '/pages/info/info',
})
},
2 长按属性
<view bindtap="btn" bindlongpress="longpress" >
66666666666
</view>
longpress(){
console.log("长按")
},
btn(){
console.log("进入")
},
<h2><a id="1_bindtap__0"></a>1 bindtap 绑定事件</h2>
<pre><div class="hljs"><code class="lang-html"><span class="hljs-tag"><<span class="hljs-name">button</span> <span class="hljs-attr">bindtap</span>=<span class="hljs-string">'jump_page'</span>></span>实现跳转页面<span class="hljs-tag"></<span class="hljs-name">button</span>></span>
</code></div></pre>
<pre><div class="hljs"><code class="lang-javascript"><span class="hljs-comment">// 跳转页面</span>
<span class="hljs-title function_">jump_page</span>(<span class="hljs-params"></span>) {
wx.<span class="hljs-title function_">navigateTo</span>({
<span class="hljs-attr">url</span>: <span class="hljs-string">'/pages/info/info'</span>,
})
},
</code></div></pre>
<h2><a id="2__13"></a>2 长按属性</h2>
<pre><div class="hljs"><code class="lang-html"><span class="hljs-tag"><<span class="hljs-name">view</span> <span class="hljs-attr">bindtap</span>=<span class="hljs-string">"btn"</span> <span class="hljs-attr">bindlongpress</span>=<span class="hljs-string">"longpress"</span> ></span>
66666666666
<span class="hljs-tag"></<span class="hljs-name">view</span>></span>
</code></div></pre>
<pre><div class="hljs"><code class="lang-javascript"><span class="hljs-comment">// 长按进入函数</span>
<span class="hljs-title function_">longpress</span>(<span class="hljs-params"></span>){
<span class="hljs-variable language_">console</span>.<span class="hljs-title function_">log</span>(<span class="hljs-string">"长按"</span>)
},
<span class="hljs-comment">// 单词点击进入</span>
<span class="hljs-title function_">btn</span>(<span class="hljs-params"></span>){
<span class="hljs-variable language_">console</span>.<span class="hljs-title function_">log</span>(<span class="hljs-string">"进入"</span>)
},
</code></div></pre>
评论区