为服务器控件加入客户端事件处理的几种方法

    服务器端的处理虽然方便,但因为每次都要PostBack,因而效率不高,很多时候需要为服务器端控件写入客户端事件处理。把各种方法总结一下:

    1)在HTML代码的标签中直接写。如下

        <asp:Button id="Button5" onmouseover='javascript:alert("hello")' style="Z-INDEX: 109; LEFT:

        注意:

            A、如果是HTML控件,这样写没有任何问题,写的事件处理将直接反映到输出的网页中

            B、如果是web控件,一般不能直接写,因为这种事件处理都会被认为是服务器端的事件处理,在输出的网页中也不会看到。如果写的是客户端的事件的话,如onmouseover,会提示没有找到这个属性,但可以正常运行,并且这个事件的处理也会被传送到输出的网页中。

            C、注意格式,根据情况选择形式

                  onmouseover='javascript:alert("hello")'
                  onmouseover="javascript:alert(&quot;hello&quot;)"

     2)如果控件是动态生成的或者想在代码中加入上面的内容,可以这样

                  Button1.Attributes.Add ("onmouseover","javescript:alert(\"hello\")");

     3)如果控件就没有Atrributes,还要加入客户端响应(虽然这种情况很离奇,但是却真有这种需求,比如为一个树控件的节点添加一个onclick客户端事件响应),还有一招从网上学来的奇招。

                 Button2.ID="ID2" + "\" onmouseover=\"javascript:alert(&quot;hello&quot;)";

            为ID赋值,得到的结果是 ID="***",这样,可以自己去拼中间的内容,最后实际得到的是ID="***" onmouseclick="***"这样的效果。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏十月梦想

响应式媒体查询media的用法

        media媒体查询响应式可以实现什么效果?对于不同尺寸的设备相应不同的样式,但是不能兼容移动和pc端的全响应兼容.

13120
来自专栏python学习之旅

Python+Selenium笔记(七):WebDriver和WebElement

(一)  WebDriver WebDriver提供许多用来与浏览器交互的功能和设置,通过WebDriver的功能和一些方法,来实现与浏览器窗口、警告、框架和弹...

35250
来自专栏coding

了解vue.js的生命周期函数四个生命周期函数两个运行中的事件

9920
来自专栏IT开发技术与工作效率

IntelliJ IDEA 教程 技巧篇本篇概要

12920
来自专栏Python研发

购物时添加数量

9710
来自专栏编程微刊

混合开发

17430
来自专栏iOS开发日记

iOS开发系列——文件结构

关于AppDelegate、main.m前面已经介绍过了,ViewController和Main.storyboard在后面介绍,这里先说一下Image.xca...

40780
来自专栏Youngxj

hislider自适应幻灯片焦点图-emlog插件

17540
来自专栏前端小叙

input框取消光标颜色手机端不生效

<style> input{ color:transparent; } </style> <input value="我要隐藏光标"> //文字颜色可以...

47360
来自专栏微信小开发

微信小程序开发-常见问题

知晓程序员,专注微信小程序开发的程序员! 好久没写文章,今天总结一下小程序开发过程中遇到的问题,有不对的地方,欢迎各位指正~ 1、域名必须是HTTPS2、inp...

27490

扫码关注云+社区

领取腾讯云代金券