screen对象和Event对象

最新推荐文章于 2023-04-19 10:38:22 发布
最新推荐文章于 2023-04-19 10:38:22 发布
阅读量307 收藏
点赞数


screen对象
这个对象包括 用户显示屏幕的信息 
当用户的分辨率是不1024×768时，给出提示，请写出该程序!

<script type="text/javascript">
if (screen.height!=768||screen.width!=1024)
{window.alert("请将您的浏览器分辨率调整到1024*768！") }
</script>

给某个html元素(控件), 绑定事件的三种方法 

① 静态绑定 
<input type="button" οnclick="函数" vlaue="xx值"/> 

② 动态绑定

//获取某个对象再绑定 
getElementById("htmlid").事件=方法 
<script type="text/javascript">   

function test1()

{    

window.alert("test1");  

//这句话的意思就是把but2 的onclick 和 test2函数绑定  

//document.getElementById('but2').οnclick=test2;//     

//but2.οnclick=test2;  

$('but2').οnclick=test2

}   

function $(id)

{  

return document.getElementById(id);

  }  

function test2()

{   window.alert("test2");  }

</script> 
<input type="button" id="but1" οnclick="test1()" value="测试">

<input type="button" id="but2" value="测试2"> ;

③ 通过 attachEvent 和 detachEvent 方法来绑定事件和解除事件绑定 
<input type="button" id="but1"  value="投布什一票">

<script type="text/javascript">

//第一个参数是事件名 

but1.attachEvent("onclick",vote);  

function vote()

{     

window.alert("你投了布什一票，以后不能再投");   

//解除绑定   but1.detachEvent("onclick",vote);

  } 
</script>

 

js 中事件对象的获取  (IE和火狐不一样)

在ie中有两种方法 
<script> 
//1.第一方法 function test()

{   

//通过 window.event.属性 

window.alert(window.event.clientX);

 }

//2.第二种方法
function test2(event)

{  //event  window.alert(event.clientX); }
function abc()

{  window.alert("窗口变化"); }
</script>
<body οnresize="abc()">
<input type="button" value="测试" οnclick="test()"/>
<input type="button" value="测试2" οnclick="test(event)"/>

</body>

特别说明一下: 我们的表单除了常规提交方式，还可以通过js来动态的提交


Event的一个案例：监测鼠标在页面中的移动位置： 

<script type="text/javascript"> 

function test() 

{  showxy.innerText="x="+window.event.screenX+"y="+window.event.screenY;  }

</script> <body> 

<div οnmοusemοve="test();" style="width:400px;height:300px;border:1px solid red;"></div> 

<span id="showxy"></span>

</body>

event 的一个案例:
请在文本框中输入一个六位数，第一位不能为0，不能超过六位数，必须全是数字，如何实现？

 <body>
请输入一个六位数 <input type="text" id="pageNow" οnkeydοwn="return checkNum(this)"/>

</body>
<script type="text/javascript"> 

<!--

var i=0; 
function checkNum(obj)

{  

//判断输入数字的长度是否超过六 

if(i==6){

window.alert("输入的字符串>6");  

return false;  } 

//防止首位是0 

if(i==0)

{  

if(window.event.keyCode=='0'.charCodeAt(0)){   

alert('首位不能是0');   

return false; 

  }

  }

//window.alert("用户输入了一个"+window.event.keyCode); 

//如果我们记不住 0->48 9->57,我们可以这样做 

if(window.event.keyCode<'0'.charCodeAt(0) || window.event.keyCode>'9'.charCodeAt(0))

{  

window.alert("你输入的不是数");  

return false;  

//window.event.returnValue=false;

  }

else{     

 //如果被接收   i++;

  }

 }

 //-->

</script>

ll123_lyf
关注
自学js第十五天:event坐标偏移量位置和window对象
weixin_47592060的博客
05-07 1588
一.Event对象集合中的鼠标按下或者点击时的相对位置:!=元素的自身位置 1.鼠标event对象给我们展示了 client / offset / page / screen系列的X Y坐标 可以用于在不同需求下获取用户鼠标的相对位置.(相对于各种参考物体的位置) 2.首先先了解鼠标event其实是一个事件对象集合来的,里面包含各种各样的鼠标事件的信息.其中就有当前用户点击鼠标触发事件的相对位置坐标. 比如如下的pageX,和 pageY [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来
QNX 图片渲染
u013964245的博客
10-20 1834
qnx系统如果想展示本地图片，需要用到特定的图片解析API，通过screen模块进行创建场景展示。有问题欢迎留言啊 //图片解析窗口 static int decode_setup(uintptr_t data, img_t *img, unsigned flags) { screen_window_t screen_win = (screen_window_t)data; screen_buffer_t screen_buf; int size[2]; size[0] = i
Screen 对象
weixin_33739646的博客
09-07 128
Screen 对象 Screen 对象 Screen 对象包含有关客户端显示屏幕的信息。 注意： 没有应用于 screen 对象的公开标准，不过所有浏览器都支持该对象。 Screen 对象属性 属性说明 availHeight 返回屏幕的高度（不包括Windows任务栏） availWidth 返回屏幕的宽度（不包括Windows任务栏） c...
QNX平台模拟屏幕点击事件
yelo_go的博客
09-02 1873
前言 QNX系统下界面是以screen为单位，纵向分层显示。工作中遇到screenA的touch事件被screenB截获，导致screenA监测release事件一直未释放而无响应的问题。考虑在出现问题的时候，模拟屏幕点击release事件，可激活screenA重新接收新的touch事件。 1、初始化 1.1 上下文 screen_context_t screen_context = 0; screen_create_context(&screen_context,SCREEN_APPLICATIO
QNX screen使用介绍 第四章
Suixing_yuan的专栏
03-29 4339
十、screen 剪辑缓冲区 当根据需求只需要显示一个指定的区域时，如图所示，可以在一个大的缓冲区中剪辑一个特定的区域用于显示。注意，只能剪辑一个矩形 设置窗口缓冲区和源尺寸 int src_size[2] = {1920, 720}; screen_set_window_property_iv(screen_window, SCREEN_PROPERTY_BUFFER_SIZE, src_size); screen_set_window_property_iv(scr..
android virtio-input驱动加载过程分析
最新发布
kill150的专栏
04-19 1492
看到这里就清晰了virtio_input_driver_init函数定义，他是由virtio_input_driver + _init构成的. 最终由内核的module_init宏定义注册到内核中. 在内核调用do_one_initcall挨个调用对应的init函数时，最终会调用到上面宏定义中的__register函数，这个函数其实就是register_virtio_driver（module_driver宏定义中第二个宏参数）.在virtio-input驱动中，通过id_table去匹配驱动和设备.
JavaScript event对象整理及详细介绍
10-21
JavaScript中的event对象是事件处理机制的核心，它为开发者提供了处理事件所需的属性和方法。以下是对JavaScript event对象的详细介绍，包括其属性、方法以及在不同浏览器中的兼容性问题。 首先，event对象包含了...
js对象关系图 方便dom操作
12-11
为了深入学习JavaScript对象和DOM操作，推荐阅读JavaScript高级教程中的面向对象技术、对象应用、对象类型和作用域定义等内容。对于DOM，W3School的XML DOM教程和参考手册提供了详细指导，涵盖如何创建、访问和修改...
javascript Window及document对象详细整理
12-10
1. `window.event`：事件对象，提供有关发生的事件的信息。 2. `window.document`：指向Document对象，用于操作网页内容。 3. `window.history`：处理浏览器的历史记录。 4. `window.screen`：提供关于用户屏幕的...
03 JavaScript内置对象与浏览器对象.ppt
07-23
目标掌握： javascript内置对象 String 对象 Math 对象 Date 对象 浏览器对象 浏览器对象简介 Window Document History Location Screen event
QNX-Screen官方文档理解(Application Development)
weixin_40822211的博客
11-03 986
官方文档的理解
QNX screen使用介绍 第三章
Suixing_yuan的专栏
03-23 4740
六、screen 创建子窗口 如果一个窗口属于另外一个窗口的一个组件，那么可以将此窗口创建为子窗口，子窗口会继承父窗口的大部分属性，同时也可以单独设置其属性。父窗口隐藏或退出，子窗口也会跟随父窗口，这个可以保证应用的各个组件可以同步操作。 以字符串形式检索窗口ID，以便子窗口可以使用它来加入此窗口的组。SCREEN_PROPERTY_ID属性能保证获取的窗口ID在该系统中是唯一的 char window_group_name[64]; screen_get_window_property.
黑莓.图片的载人
wwv386646959的专栏
03-31 792
图片的载入（仅供参考） 说明： 1、             把要载入的图片，放在当前项目的根目录下，那么图片的路径为：app/native/图片名； 2、             下面所讨论中使用的图片的格式为png，这是因为在自定义函数： bbutil_load_texture 中，所打开的图片是png格式，如需要，可自行更改； 3、             下面讨论中所涉
黑莓.常用函数
wwv386646959的专栏
03-31 1400
一、  初始化篇： 1.1、int screen_create_context( screen_context_t *pctx, int flags ); #include Function：创建一个新的背景 pctx：context指针； flags：创建类型，包括SCREEN_APPLICATION_CONTEXT、SCREEN_WINDOW_MANAGER_CONTEXT、SCR
Android中屏幕事件触发和消费流程
lwt675071503的博客
08-28 548
在一个Activity界面中点击屏幕，将产生一系列事件，如果点击在一个view上则Activity事件和view的touch相关流程都会执行，如果该view还包含在一个ViewGruop中，则ViewGuop中的相关流程也会执行，此时需要弄清楚所有相关流程的执行顺序是什么，首先看下这三者的相关方法 Activity://Activity中的事件分发方法 public boolean dispatc
Android-4.1.2触摸屏移植摸索过程-getevent!
houyizi337825770的专栏
11-13 5012
1： drivers/input/touchscreen/usbtouchscreen.c 2：android 命令工具：         getevent  监控当前的事件,鼠标事件,按键事件,拖动滑动等； getevent -p  显示设备功能； -i 选项可以显示更多的信息比对，包括HID映射表和调试信息。 -l 选项使用文本标签的所有事件代码； getevent
在QNX上设置窗口半透明，并显示出内容
zgz9949的博客
11-09 2955
最近要求在QNX上做一个全景的应用，所以首先需要学习在QNX上如何显示内容。 需求描述：应用程序拥有两个窗口且两个窗口是叠加放置，使上面的窗口半透明，可以显示出下面窗口的内容。 实现逻辑简述：首先是创建两个窗口，再创建两个缓冲区。且将两个缓冲区分别绑定到两个窗口上，既窗口跟缓存区是一一对应的关系。然后分别向缓冲区填充内容，再将上面的窗口配置上透明度设置的属性。最后显示即可。 具体实现： #inc...
QNX SCREEN 文字渲染
u013964245的博客
10-19 1235
花了一个月的时间研究QNX screen ,因为qnx在6.6版本后，gf都不能用了,都集成在screen上，所以研究关于qnx屏幕图形的全英文技术文档有点吃力，但终究是搞出来了 #include <stdio.h> #include <unistd.h> #include <stdlib.h> #include <screen/screen.h> //字符的文字库 static unsigned char __ASCII8X16__[] = { .
JavaScript对象模型与事件处理详解
JavaScript是一种基于对象和事件驱动的编程语言，对象模型和事件处理是其核心特性。对象模型描述了JavaScript对象之间的层次结构，而事件处理则允许程序对用户在浏览器中的操作做出响应。 12.1 对象模型 JavaScript...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值